首頁

JS特效

jQuery特效

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>

免責聲明

本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性！本站所有資源僅供學習參考。請不要將它們用於商業目的。否則，一切後果都由您負責！如有侵權，請聯絡我們刪除。聯絡方式：admin@php.cn