- <!--触摸屏效果滑动组件-->
- <script type="text/javascript" src="./js/touch.js"></script>
- <script type="text/javascript" src="./js/zepto.extend.js"></script>
- <script type="text/javascript" src="./js/zepto.ui.js"></script>
- <script type="text/javascript" src="./js/slider.js"></script>
- <!--触摸屏效果滑动组件end-->
复制代码
本人亲测以上4个js必须包含,缺一不可。- <div class="head_nav_C" id="hongye_nav" style="height:60px;">
- <div style="background-color:white;">
- aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
- </div>
- <div style="background-color:white;">
- bbbbbbbbbbbbbbbbbbbbbbbbbbb
- </div>
- <div style="background-color:white;">
- cccccccccccccccccccccccccccc
- </div>
- <div style="background-color:white;">
- ddddddddddddddddddddddddd
- </div>
- </div>
复制代码
3、js代码块(改代码会在动在要加滑动效果的html代码块中自动生成一块代码)- <script>
- Zepto(function($){//自动加载zepto组件
- $("#hongye_nav").slider({//为html 对应的id部分最佳slider属性
- autoPlay : false, //是否自动
- showDot : false,
- loop : true,//是否循环
- });
- })
- </script>
复制代码
4、加载slider.css样式- <link rel="stylesheet" type="text/css" href="css/slider.css" />
复制代码
附:联系客服