中山php|最优网络中山做网站 中山php建站

最优良人

Posts Tagged With: jquery

JQ实现元素上下移动

2011/08/25 at 14:33 » Comments (5)

jquery实现元素上下移动代码 $('.ctl-prev').click(function(){ $('#ctl-ul li:last-child').clone(true).prependTo('#ctl-ul'); //clone(true)参数true是表示把元素所绑定的事件一起克隆,在副本还能够监听到事件并且触发动作 $('#ctl-ul li:last-child').remove(); ...more »

jq实现简单的li(文字或图片)垂直滚动

2011/08/25 at 14:24 » Comments (265)

以下代码jquery实现简单的滚动,原理是克隆第一个li然后放到末尾,接着让它往上滑动然后清除掉,反复循环 <script type="text/javascript"> function slide(ClassName){ var ID = setInterval ("run('"+ClassName+"')",1000); ...more »

asyncbox异步弹出窗口,jq弹出层插件,可异步加载页面

2011/08/25 at 12:18 » Comments (20)

AsyncBox(异步盒子)是一款基于 jQuery 的弹窗插件。能够实现网站的整体风格效果,给用户一个新的视觉享受。主要模拟常用的 alert、confirm、prompt、open 和扩展了一些对话框。它通过回调函数触发事件动作并执行,使操作区域更加明了、统一。而且能够在主流浏览器中灵活运用。 介绍及下载地址 http://www.nnhuashi.com/asyncbox/index.html 实例: $('#select-furns').click(function() { asyncbox.open({ id: 'select-form', ...more »

解决jquery和prototype冲突,jquery和prototype共存的方法

2011/08/25 at 11:58 » Comments (251)

今天遇到一个项目的修改,由于该项目之前是使用prototype框架,而我拿手的是使用jquery框架,但是又不想全部重写原来的页面效果,所以在页面引入了jquery文件,但是发现原来的js效果消失了,这是因为他们共同使用了$这个对象,造成了重写覆盖,解决方法是重定义jquery的这个对象 首先在页面最开头引入jquery文件,一定要在prototype文件引入之前,然后紧接着重写$ <script type="text/javascript" src="data/jquery.min.js"></script> <script type="text/javascript"> var jQuery=$; </script> 然后在后面运用jquery时把原来使用$的地方全部换成jQuery就可以了 more »

使用基于Jquery的可视化编辑器 Xheditor

2011/08/15 at 01:00 » Comments (19)

使用方法 1. 下载xhEditor最新版本。 下载地址:http://code.google.com/p/xheditor/downloads/list 2. 解压压缩文件,将其中的xheditor.js以及xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹上传到网站相应目录 3. 在相应html文件的</head>之前添加 <script type="text/javascript" src="http://static.xxx.com/js/jquery.js"></script> <script type="text/javascript" src="http://static.xxx.com/js/xheditor.js"></script> 4. 方法1:在textarea上添加属性: class="xheditor {skin:'default'}",前面主参数也可以是xheditor-mini和xheditor-simple,分别加载迷你和简单工具栏,后面详细参数可以省略 方法2:在您的页面初始JS代码里加上: $('#elm1').xheditor(); $('#elm1').xheditor(); 例如: $({ $('#elm1').xheditor(); }); 相应的删除编辑器的代码为 $('#elm1').xheditor(false); 重要说明:2种初始化方法只能选择其中一种,不能混合使用,优先级分别是:方法1>方法2,例如用了方法1,方法2就无法使用了 更多帮助信息,请查看在线帮助:http://code.google.com/p/xheditor/wiki/Help 或者参考demos文件夹中的演示页面 建议使用wizard.html初始化代码生成向导来生成适合你的代码。 more »

Jquery常用的ajax操作

2011/08/14 at 02:34 » Comments (417)

Jquery异步加载一个页面是如此简单: $.ajax({ url: "/testl/index.html", cache: false, success: function(html){ $("#test").append(html); } }); 或者更简单的:$("#test").load("/test/index.html"); 以 POST 形式发送附加参数并在成功时显示信息。 jQuery 代码: $("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); }); 载入并执行一个 JavaScript 文件:加载并执行 test.js ...more »