此作品是一款功能强大的jquery焦点图插件ScrollPic,此Jquery插件可以灵活设置18个参数,包括了图片左右滚动,自动播放,带左右滚动控制按钮,文字标题描述。。。
Jquery插件参数配置如下:
<script language="javascript" type="text/javascript">
<!--//--><![CDaTa[//><!--
var sp = new ScrollPic();
sp.scrollContId = "FS_Cont_01"; //内容容器ID
sp.arrLeftId = "FS_arr_left_01";//左箭头ID
sp.arrRightId = "FS_arr_right_01"; //右箭头ID
sp.dotListId = "FS_numList_01";//点列表ID
sp.dotClassName = "";//点className
sp.dotOnClassName = "current";//当前点className
sp.listType = "";//列表类型(number:数字,其它为空)
sp.listEvent = "onmouseover"; //切换事件
sp.frameWidth = 715;//显示框宽度
sp.pageWidth = 715; //翻页宽度
sp.upright = false; //垂直滚动
sp.speed = 10; //移动速度(单位毫秒,越小越快)
sp.space = 60; //每次移动像素(单位px,越大越快)
sp.autoPlay = true; //自动播放
sp.autoPlayTime = 5; //自动播放间隔时间(秒)
sp.circularly = true;
sp.initialize(); //初始化
//--><!]]>
</script>
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
滚动特效 图片截取 图片放大 幻灯片 图片延迟加载 图片轮播 图片播放 banner横向滚动 Jquery焦点图 ImgScroll Focusbanner scrollpic