html3图片链接翻页效果,jQuery实现点击图片翻页展示效果的方法

本文实例讲述了jQuery实现点击图片翻页展示效果的方法。分享给大家供大家参考。具体实现方法如下：

基于jQuery实现的点击图片翻页展示效果

.div{width:240px;height:90px;z-index:0;position:absolute;left:10px;border:2px #3300FF solid;border:0px;color:#FFFFFF;margin-left:320px;}

$(function(){

var z=-1;

$("div").click(function(){

$(this).animate({left:"350px"},1000,function(){$(this).css("zIndex",z--)}).animate({left:"10px"},1000);

})

});

希望本文所述对大家的jQuery程序设计有所帮助。