注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码
充值

jQuery微信手机端底部弹出导航菜单列表代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-04-12
jQuery微信手机端底部弹出导航菜单列表代码
jQuery微信手机端底部弹出导航菜单列表代码是一款网页底部点击按钮弹出浮动的图标菜单列表的手机特效。


js代码

<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>