货仓成果代码免费素材下载 jQuery完成的货仓旅馆成果的图片展现轮回弹出成果

资源魔 65 0

一个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]

标签: 图片展示 填充表单 局部截图

抱歉,评论功能暂时关闭!