京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

jQuery实现的堆栈效果的图片展示循环弹出效果

一个jQuery实现的幻灯片效果,效果展示如同堆栈一样点击一次数显一个图片,循环弹出,经测试过度效果也非常不错,同时附有源码,建议前端web开发者下载学习使用
JavaScript代码
[code]
var jstack = $("#imageBox").jStack({
isClickAnimation: true,
isPositionRandom: true,
durationOut: 300,
durationIn: 200,
easingOut: "easeInOutBack",
easingIn: "easeOutBounce",
moveLeft: 250,
moveTop: 150,
opacityOut: 0.6,
opacityIn: 1,
delay: 10,
direction: "next",
callback: function() {}
});
[/code]
[code]
$("#next").click(function() {
jstack.next();
});
$("#prev").click(function() {
jstack.prev();
});
[/code]
HTML代码
[code]
<div id="imageBox">
<a href="#"><img src="img/img1.png"></a>
<a href="#"><img src="img/img2.png"></a>
<a href="#"><img src="img/img3.png"></a>
<a href="#"><img src="img/img4.png"></a>
<a href="#"><img src="img/img5.png"></a>
</div>[/code]

下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5909
5909
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java