jQuery微信手机端底部弹出导航菜单列表代码是一款网页底部点击按钮弹出浮动的图标菜单列表的手机特效。
js代码
<scripttype="text/javascript"src="js/jquery.js"></script>
<scripttype="text/javascript"src="js/bscroll.js"></script>
<scripttype="text/javascript"src="js/scrollmenu.js"></script>
<scripttype="text/javascript">
functionshowList(){
$("body").scrollmenu({
type:'cross',
//bscroll:true,
//animateIn:'bounceIn',
//animateOut:'bounceOut',
click:function(ret){
if(ret.hasHref){
return
}else{
//switch(ret.index){
//case0:
//alert(0);
//break;
//}
alert(JSON.stringify(ret));
}
}
});
}functionshowList1(){
$("body").scrollmenu({
type:'',
//bscroll:true,
//animateIn:'bounceIn',
//animateOut:'bounceOut',
click:function(ret){
if(ret.hasHref){
return
}else{
//switch(ret.index){
//case0:
//alert(0);
//break;
//}
alert(JSON.stringify(ret));
}
}
});
}functionshowListbscroll(){
$("body").scrollmenu({
//type:'',
bscroll:true,
//animateIn:'bounceIn',
//animateOut:'bounceOut',
click:function(ret){
if(ret.hasHref){
return
}else{
//switch(ret.index){
//case0:
//alert(0);
//break;
//}
alert(JSON.stringify(ret));
}
}
});
}functionshowListnoborder(){
$("body").scrollmenu({
type:'cross',
hasLineBorder:false,
//bscroll:true,
//animateIn:'bounceIn',
//animateOut:'bounceOut',
click:function(ret){
if(ret.hasHref){
return
}else{
//switch(ret.index){
//case0:
//alert(0);
//break;
//}
alert(JSON.stringify(ret));
}
}
});
}
</script>
下载
|
|