CDN 域名

http://zhcdn01.xoyo.com/xassets/com/pf/effect/js-milo/milo-min.js

DEMO网址

http://zhcdn01.xoyo.com/xassets/com/pf/effect/scroll/index.html

使用说明

• 更新说明

  
  在页面前调用脚本http://zhcdn01.xoyo.com/xassets/com/pf/effect/js-milo/milo-min.js
  need("biz.scroll",function(s){})中调用相应的滚动js模块，设置相应参数即可
  
  <script>
  need("biz.scroll",function(s){
      //左右滚动js代码
      s.init({
          conId:'rollbox',//内容容器ID
          leftId:'m_right',//左箭头ID
          rightId:'m_left',//右箭头ID
          frameWidth:'558',//显示框宽度
          pageSpace:'186',//翻页宽度或高度
          autoPlay:true,//true为自动播放、false为不自动播放
          position:'left',//播放方向 left为向左，up为向上,设置为up时必须加上翻页高度pageHeight值
          autoPlayTime:'2',//自动播放间隔时间(秒)
          dotListId:'do'//是否需要分页，不需要则删掉此行，并将页面上相应代码去掉，
          //比如此例分页代码为
  ，删掉即可
      });
      
      //上下滚动js代码
      s.init({
          conId:'rollbox2',//内容容器ID
          leftId:'m_right2',//左箭头ID
          rightId:'m_left2',//右箭头ID
          frameWidth:'558',//显示框宽度
          pageSpace:'80',//翻页宽度或高度
          autoPlay:true,//true为自动播放、false为不自动播放
          position:'up',//播放方向 left为向左，up为向上,设置为up时必须加上翻页高度pageHeight值
          autoPlayTime:'2',//自动播放间隔时间(秒)
          dotListId:'do2'//是否需要分页，不需要则直接删掉此行即可
      })
  })
  </script>
  
  

效果演示