日韩视频在线观看免费6080 ,午夜福利视频第一页

推薦一個(gè)非常好用的jQuery移動(dòng)端可左右滑動(dòng)的導(dǎo)航

時(shí)間：2023-07-07 訪問(wèn)量：0

先上演示地址：

https://www.jq22.com/demo/jQueryHdNav201710101934/

演示地址中因?yàn)樾Ч容^多，引用的JS多，實(shí)際我們簡(jiǎn)化一下，可以先引入JQ

然后再引入另外兩個(gè)JS：

<script type="text/javascript" src="js/iscroll.js"></script>
<script type="text/javascript" src="js/navbarscroll.js"></script>
<script type="text/javascript">
$(function(){
$('#wrapper03').navbarscroll();   
});
</script>

寫DIV+CSS導(dǎo)航調(diào)用：

<div class="wrapper03" id="wrapper03">
			<div class="scroller">
				<ul class="clearfix">
				 <li class="nav-item {hmcms:if(0=='{sort:scode}')}active{/pboot:if}">
				 <a class="nav-link " href="{pboot:sitepath}/" >首頁(yè)</a>
	          </li>
		 {hmcms:nav num=30 parent=0}
	              <li class="nav-item {hmcms:if('[nav:scode]'=='{sort:tcode}')}active{/pboot:if}">
	                <a class="nav-link " href="[nav:link]">[nav:name]</a>
	              </li>
	          {/hmcms:nav}	
					 
				</ul>
			</div>
			</div>

這樣就可能實(shí)現(xiàn)非常好用的移動(dòng)端左右滑動(dòng)的導(dǎo)航效果了。

上一篇：swiper 4X插件在響應(yīng)式下不同寬度顯示不同個(gè)數(shù)

下一篇：推薦兩個(gè)多語(yǔ)言翻譯插件的網(wǎng)站。

服務(wù)咨詢

1對(duì)1咨詢，專業(yè)客服為您解疑答惑

聯(lián)系銷售

15899750475

在線咨詢

聯(lián)系在線客服，為您解答所有的疑問(wèn)

ARE YOU INTERESTED IN ?

感興趣嗎？

有關(guān)我們服務(wù)的更多信息，請(qǐng)聯(lián)系項(xiàng)目經(jīng)理

15899750475 楊先生

97超碰在线播放|美女自慰免费观看|亚洲无码三四五区|日韩无码分类大全|日本美女在线99|毛片网女人免费看|亚洲国产香蕉av|久久免费看片视频|超碰在线无码一区|玖玖中文字幕在线

推薦一個(gè)非常好用的jQuery移動(dòng)端可左右滑動(dòng)的導(dǎo)航