前段时间写了篇图片 上一张 下一张 链接效果，后来看到 jquery插件封装，手里痒痒的，拿这个例子做ex. 封装后的JS源码： 复制代码 代码如下: /* * imageupdown 1.0 * Copyright (c) 2009 * Date: 2010-04-20 * 图片移动上一张 下一张特效 */ (function($){ $.fn.imageupdown = function(options){ var defaults = { upCursor:"pre.cur", upTitle:"点击查看上一张", upUrl:$(this).attr('left'), downCursor:"next.cur", downTitle:"点击查看下一张", downUrl:$(this).attr('right') } var options = $.extend(defaults, options); this.each(function(){ var thisImage=$(this); $(thisImage).bind("mousemove",function(e){ var positionX=e.originalEvent.x||e.originalEvent.layerX||0; if(positionX<=$(this).width()/2){ this.style.cursor='url('+options.upCursor+'),auto'; $(this).attr('title',''+options.upTitle+''); $(this).parent().attr('href',''+options.upUrl+''); }else{ this.style.cursor=''+options.downCursor+''; $(this).attr('title',''+options.downTitle+''); $(this).parent().attr('href',''+options.downUrl+''); } }); }); }; })(jQuery); html页面调用方法： 复制代码 代码如下: <script type="text/javascript"> $(document).ready(function() { $(".rootclass").imageupdown(); }); </script> 可能有疑惑的地方： （1）function(e) e 是什么意思 应该是对应事件。 $().click(function(e) {}); // 这里的e是click事件 $().focus(function(e) {});// 这里的e是focus事件

　　推荐阅读

　　javascript JSON操作入门实例

JSON的规则很简单： 对象是一个无序的“‘名称/值'对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值' 对”之间使用“,”（逗号）分隔。具体细节参>>>详细阅读

本文标题：jquery 图片 上一张 下一张 链接效果（续篇）

地址：http://www.17bianji.com/kaifa2/JS/26591.html

 1/2    1