首页>>导航菜单>>底部弹出菜单，垂直和水平显示均可(2020-04-11)

底部弹出菜单，垂直和水平显示均可

底部弹出菜单，垂直和水平显示均可
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div style="width: 300px;margin: 10px auto">  
  2.     <div class="dw-btn btn-primary" style="width:300px;text-align:center;display: block;margin: 20px 0;cursor: pointer; " onClick="showList()">横向滚动菜单</div>  
  3.   
  4.     <div class="dw-btn btn-success" style="width:300px;text-align:center;display: block;margin: 20px 0; " onClick="showList1()" >点击打开选择滚动菜单</div>  
  5.   
  6.     <div class="dw-btn btn-danger" style="width:300px;text-align:center;display: block;margin: 20px 0; " onClick="showListbscroll()">bscroll的滚动效果</div>  
  7.   
  8.     <div class="dw-btn btn-deepred" style="width:300px;text-align:center;display: block;margin: 20px 0; " onClick="showListnoborder()">没有分割线</div>  
  9. </div>  

 

JavaScript Code
  1. function showList(){  
  2.     $("body").scrollmenu({  
  3.         type:'cross',  
  4.         // bscroll:true,  
  5.         // animateIn:'bounceIn',  
  6.         // animateOut:'bounceOut',  
  7.         click:function(ret){  
  8.             if(ret.hasHref){  
  9.                 return  
  10.             }else{  
  11.                 // switch (ret.index){  
  12.                 //  case 0:  
  13.                 //  alert(0);  
  14.                 //  break;  
  15.                 // }  
  16.                 alert(JSON.stringify(ret));  
  17.             }  
  18.         }  
  19.     });  
  20. }  

 


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