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

作者 : 小刺猬 本文共1351个字,预计阅读时间需要4分钟 发布时间: 2020-07-30 共257人阅读

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>
VIP免费 永久VIP免费

已有0人支付


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

刺猬QQ交流群号多少?
363432
刺猬官方有技术支持吗?
有的,但技术支持是有偿服务哦,咨询右下角的在线客服吧!
下载的资源不能使用怎么办?
如果在本站下载的资源不能使用,一经确认可以联系在线客服退款。

发表评论

刺猬源码网,累计帮助1000+用户成功建站,为草根创业提供助力!

立即查看 了解详情