首先非常感谢网友小鸟的无私分享,这是他分享到JquerySchool网站上的第5款作品了,此作品是他的一款原创jquery焦点图插件play,此jquery焦点图插件支持PC端和移动端,包里面做了4个例子,如果元素由三大部分组成:1/列表块。2/数字点。3/左右或上下控制钮按钮,那么此插件就可以通用了,只要写相应的CSS就可以了。。。
jquery插件初始化代码如下:
//图片新闻轮播
//作者QQ:9169775
//作者博客:f00sun.com
$('.fxplay').fxuiPlay({
qq:9169775, //作者QQ号
prev:$('#prev'), //上一张
next:$('#next'), //下一张
no:$('#playNo'), //是否开启数字
auto:true, //是否自动播放
autotime:3000, //自动播放间隔
effect:2, //特效类型 0:渐变;1:变小 ;2:左右; 3:上下;
ismobi:false, //如果手机端请传ture,会开启划动的操作。
efftime:400, //渐变时间
evt:'click' //click(默认)和hover/mouserover
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友小鸟 滑动插件 图片播放 图片滚动 图片轮播 Jquery焦点图