【www.gdgbn.com--jquery】

html

<script type="text/javascript教程">
$(document).ready(function() {
$(".rootclass").imageupdown();
});
</script>

jquery 代码
/*
* 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);

本文来源：http://www.gdgbn.com/wangyezhizuo/24230/