jquery手机触屏左右滑动切换栏目怎么做

如题所述

jquery手机触屏左右滑动切换栏目
$(function(){
TouchSlide({
slideCell:"#slideBox",
titCell:".myhd ul", //开启自动分页 autoPage:true ,此时设置 titCell 为导航元素包裹层
mainCell:".bd ul",
effect:"leftLoop",
autoPage:true,//自动分页
autoPlay:true //自动播放

});
<div id="slideBox" class="slideBox">
<div class="bd">
<ul>
<li>
<a class="pic" href="#"><img src="${ctxStatic}/img/mobile/news1.png" /></a>
<a class="tit" href="#">墨西哥教师罢工 与警察激烈冲突</a>
</li>
<li>
<a class="pic" href="#"><img src="${ctxStatic}/img/mobile/news2.jpg"/></a>
<a class="tit" href="#">日右翼游行纪念钓岛"国有化"周年</a>
</li>
<li>
<a class="pic" href="#"><img src="${ctxStatic}/img/mobile/news3.jpg"/></a>
<a class="tit" href="#">女兵竞选美国小姐鼓励女性自强</a>
</li>
<li>
<a class="pic" href="#"><img src="${ctxStatic}/img/mobile/news4.jpg"/></a>
<a class="tit" href="#">济南现“最窄人行道” 仅0.2米宽</a>
</li>
</ul>
</div>

<div class="myhd">
<ul style="height: 28px;"></ul>
</div>
</div>
温馨提示:内容为网友见解,仅供参考
第2个回答  2017-04-04
现在主流用swiper这个插件 你去下个,按照文档使用
相似回答