jQuery微信手机端底部弹出导航菜单列表代码.zip资源-CSDN文库

共11个文件

css：4个

js：3个

woff：1个

版权申诉

jquery代码

jquery特效

jquery插件

18 浏览量 2023-09-23 09:57:46 上传评论收藏 73KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery微信手机端底部弹出导航菜单列表代码.zip （11个子文件）

bscroll.js 47KB

scrollmenu.js 12KB

jquery.js 82KB

css

global.css 71KB

animate.css 41KB

scrollmenu.css 15KB

index.html 3KB

fonts

fontCss.css 2KB

icomoon.woff 8KB

icomoon.eot 8KB

icomoon.ttf 8KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery微信手机端底部弹出导航菜单列表代码</title> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"> <link rel="stylesheet" href="css/global.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="fonts/fontCss.css"> <link rel="stylesheet" href="css/scrollmenu.css"> </head> <body style="margin: 0;width: 100%"> <div style="width: 300px;margin: 10px auto"> <div class="dw-btn btn-primary" style="width:300px;text-align:center;display: block;margin: 20px 0;cursor: pointer; " onclick="showList()">横向滚动菜单</div> <div class="dw-btn btn-success" style="width:300px;text-align:center;display: block;margin: 20px 0; " onClick="showList1()" >点击打开选择滚动菜单</div> <div class="dw-btn btn-danger" style="width:300px;text-align:center;display: block;margin: 20px 0; " onClick="showListbscroll()">bscroll的滚动效果</div> <div class="dw-btn btn-deepred" style="width:300px;text-align:center;display: block;margin: 20px 0; " onClick="showListnoborder()">没有分割线</div> </div> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/bscroll.js"></script> <script type="text/javascript" src="js/scrollmenu.js"></script> <script type="text/javascript"> function showList(){ $("body").scrollmenu({ type:'cross', // bscroll:true, // animateIn:'bounceIn', // animateOut:'bounceOut', click:function(ret){ if(ret.hasHref){ return }else{ // switch (ret.index){ // case 0: // alert(0); // break; // } alert(JSON.stringify(ret)); } } }); } function showList1(){ $("body").scrollmenu({ type:'', // bscroll:true, // animateIn:'bounceIn', // animateOut:'bounceOut', click:function(ret){ if(ret.hasHref){ return }else{ // switch (ret.index){ // case 0: // alert(0); // break; // } alert(JSON.stringify(ret)); } } }); } function showListbscroll(){ $("body").scrollmenu({ // type:'', bscroll:true, // animateIn:'bounceIn', // animateOut:'bounceOut', click:function(ret){ if(ret.hasHref){ return }else{ // switch (ret.index){ // case 0: // alert(0); // break; // } alert(JSON.stringify(ret)); } } }); } function showListnoborder(){ $("body").scrollmenu({ type:'cross', hasLineBorder:false, // bscroll:true, // animateIn:'bounceIn', // animateOut:'bounceOut', click:function(ret){ if(ret.hasHref){ return }else{ // switch (ret.index){ // case 0: // alert(0); // break; // } alert(JSON.stringify(ret)); } } }); } </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> <p>更多源码：<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉