首页>>Jquery文字>>滚动选择菜单兼容PC 移动端(2018-08-19)

滚动选择菜单兼容PC 移动端

滚动选择菜单兼容PC 移动端
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2. function showList(){  
  3.     $("body").scrollmenu({  
  4.         type:'cross',  
  5.         // bscroll:true,  
  6.         // animateIn:'bounceIn',  
  7.         // animateOut:'bounceOut',  
  8.         click:function(ret){  
  9.             if(ret.hasHref){  
  10.                 return  
  11.             }else{  
  12.                 // switch (ret.index){  
  13.                 //  case 0:  
  14.                 //  alert(0);  
  15.                 //  break;  
  16.                 // }  
  17.                 alert(JSON.stringify(ret));  
  18.             }  
  19.         }  
  20.     });  
  21. }  
  22.   
  23. function showList1(){  
  24.     $("body").scrollmenu({  
  25.         type:'',  
  26.         // bscroll:true,  
  27.         // animateIn:'bounceIn',  
  28.         // animateOut:'bounceOut',  
  29.         click:function(ret){  
  30.             if(ret.hasHref){  
  31.                 return  
  32.             }else{  
  33.                 // switch (ret.index){  
  34.                 //  case 0:  
  35.                 //  alert(0);  
  36.                 //  break;  
  37.                 // }  
  38.                 alert(JSON.stringify(ret));  
  39.             }  
  40.         }  
  41.     });  
  42. }  
  43.   
  44. function showListbscroll(){  
  45.     $("body").scrollmenu({  
  46.         // type:'',  
  47.         bscroll:true,  
  48.         // animateIn:'bounceIn',  
  49.         // animateOut:'bounceOut',  
  50.         click:function(ret){  
  51.             if(ret.hasHref){  
  52.                 return  
  53.             }else{  
  54.                 // switch (ret.index){  
  55.                 //  case 0:  
  56.                 //  alert(0);  
  57.                 //  break;  
  58.                 // }  
  59.                 alert(JSON.stringify(ret));  
  60.             }  
  61.         }  
  62.     });  
  63. }  
  64.   
  65. function showListnoborder(){  
  66.     $("body").scrollmenu({  
  67.         type:'cross',  
  68.         hasLineBorder:false,  
  69.         // bscroll:true,  
  70.         // animateIn:'bounceIn',  
  71.         // animateOut:'bounceOut',  
  72.         click:function(ret){  
  73.             if(ret.hasHref){  
  74.                 return  
  75.             }else{  
  76.                 // switch (ret.index){  
  77.                 //  case 0:  
  78.                 //  alert(0);  
  79.                 //  break;  
  80.                 // }  
  81.                 alert(JSON.stringify(ret));  
  82.             }  
  83.         }  
  84.     });  
  85. }  
  86. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_673.html