添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 焦点图 >

新浪jQuery左右按钮及索引焦点图特效

时间:2014-05-24      来源:互联网     
特效说明:
一款新浪jQuery左右按钮及索引焦点图网页特效,带左右按钮,自动轮播及点击索引按钮切换焦点图。科e互联为广大IT爱好者提供优质建站素材。(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用JS插件代码:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/zzsc.js"></script>

2、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

3、JS设置代码:
<script language="javascript" type="text/javascript">
              var focusScroll_01 = new ScrollPic();
              focusScroll_01.scrollContId   = "FS_Cont_01"; //内容容器ID
              focusScroll_01.arrLeftId      = "FS_arr_left_01";//左箭头ID
              focusScroll_01.arrRightId     = "FS_arr_right_01"; //右箭头ID

              focusScroll_01.dotListId      = "FS_numList_01";//点列表ID
              focusScroll_01.dotClassName   = "";//点className
              focusScroll_01.dotOnClassName    = "selected";//当前点className
              focusScroll_01.listType        = "number";//列表类型(number:数字,其它为空)
              focusScroll_01.listEvent      = "onmouseover"; //切换事件

              focusScroll_01.frameWidth     = 944;//显示框宽度
              focusScroll_01.pageWidth      = 944; //翻页宽度
              focusScroll_01.upright        = false; //垂直滚动
              focusScroll_01.speed          = 10; //移动速度(单位毫秒,越小越快)
              focusScroll_01.space          = 50; //每次移动像素(单位px,越大越快)
              focusScroll_01.autoPlay       = true; //自动播放
              focusScroll_01.autoPlayTime   = 5; //自动播放间隔时间(秒)
              focusScroll_01.circularly     = true;
              focusScroll_01.initialize(); //初始化
              focusScroll_01.onpagechange = function(){
               $(".scroll_info").hide();
               $("#txt0"+(focusScroll_01.pageIndex+1)).show();
              };
     </script>
相关特效

最新更新特效

设计分享