<script type= "text/javascript" src= "http://weixin.0750sms.com/tpl/Wap/default/common/js/jquery-1.7.1.min.js" ></script> |
<script type= "text/javascript" src= "http://weixin.0750sms.com/tpl/Wap/default/common/js/t33/swipe.js" ></script> |
<div class= "" style= "width:90%;overflow:hidden;" > |
<div id= "navList_box" class= "" style= "width:100%;overflow:hidden;" > |
<ul > |
<li data-index= "2" style= "" > |
<div style= "width:100%;height:50px;background-color:#090" >asdf</div> |
</li> |
<li data-index= "3" style= "" > |
<div style= "width:100%;height:50px;background-color:#090" >zxcv</div> |
</li> |
<li data-index= "3" style= "" > |
<div style= "width:100%;height:50px;background-color:#090" >1234</div> |
</li> |
</ul> |
<!-- <ol> |
<a href= "javascript:navList_box.prev();" > </a> |
<a href= "javascript:navList_box.next();" > </a> |
</ol> --> |
</div> |
</div> |
<div class= "navList-status" id= "indtagol" ><span class= "sel" ></span><span class= "" ></span><span class= "" ></span></div> |
<script> |
|
$(document).ready( function (){ |
window.navList_box = new Swipe(document.getElementById( 'navList_box' ), { auto:3000, |
callback: function (index, elem){ |
var lis = $( '#indtagol' ).children(); |
lis.removeClass( "sel" ).eq(index).addClass( "sel" ); |
}}); |
}); |
</script> |
.navList-status{width: 94%;height: 3px;bottom: 0;background-color: rgba(51,51,51,0.5);-webkit-transform: translate3d(0,0,0);display: -webkit-box;margin:0px auto;} |
.navList-status span {display: block;-webkit-box-flex: 1;height: 100%;overflow: hidden;} |
.navList-status span.sel {background-color: #b20000;} |