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 »

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

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

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 »

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 »

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 »

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 »