此Jquery插件是一款非常酷的图片滚动轮播特效,是从搜狗输入法官方网站整理出来的分享给大家学习的。
包括了以下功能:
1、图片滚动
2、图片360度旋转
3、图片左右轮播
4、图片自动播放
5、带小图片状态控制每个要播放的图片
页面使用代码如下:
$(function() {
$(".btn").show();
$(".btn a:first").addClass("active");
$().gallery({
current: [".show_images_1",".show_images_1_img"],
left: [".show_images_2",".show_images_2_img"],
right: [".show_images_3",".show_images_3_img"],
none: [".show_images_4",".show_images_4_img"],
duration: 500,
start: function() {
$(".header_text").fadeOut(150);
},
end: function() {
$(".header_text").fadeIn(150);
},
autoChange : true,
changeTimeout: 3000,
stopTarget : ".header_stage"
});
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
图片特效 旋转特效 无缝滚动 滑动插件 图片滚动 图片轮播 banner横向滚动 3D特效 360度旋转 ImgScroll Jquery焦点图