jQuery实现点击图片翻页展示效果的方法_jquery

来源：动视网责编：小采时间：2020-11-27 21:34:29

jQuery实现点击图片翻页展示效果的方法_jquery

jQuery实现点击图片翻页展示效果的方法_jquery:本文实例讲述了jQuery实现点击图片翻页展示效果的方法。分享给大家供大家参考。具体实现方法如下：代码如下: 基于jQuery实现的点击图片翻页展示效果 .div{width:240px;height:90px;z-index:0;position:absolute;left:10px

推荐度：

点击下载本文 文档为doc格式

导读jQuery实现点击图片翻页展示效果的方法_jquery:本文实例讲述了jQuery实现点击图片翻页展示效果的方法。分享给大家供大家参考。具体实现方法如下：代码如下: 基于jQuery实现的点击图片翻页展示效果 .div{width:240px;height:90px;z-index:0;position:absolute;left:10px

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

代码如下:

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

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

若不能显示效果，则刷新页面可正常。