jQuery制作图片旋转效果

2020-05-19 07:38:26易采站长站整理

clearInterval(tt);
}, function() {
tt = setInterval(scrollimg, speed);
});

});
};
$.fn.scroll3d.defaults = {
speed: 25,
radius: 300,
width: 200,
height: 150,
direction: 'left'
}
})(jQuery);

在HTML中只需要有一个DIV包含你所需要的图片就可以完成这个效果,例如:


<div class="holder" style="width:550px;height:300px;position:relative;">
<img src="img/1.jpg" />
<img src="img/2.jpg" />
<img src="img/3.jpg" />
<img src="img/1.jpg" />
<img src="img/2.jpg" />
</div>

代码的调用可以这样写:

$('.holder').scroll3d();

写的有点乱七八糟,还望各位见谅!

压缩包:test_jb51.rar