欢迎光临黑马视觉品牌官网,开启你的互联网营销之旅!
新闻中心 网络推广 网站建设 优化推广

推荐一个非常好用的jQuery移动端可左右滑动的导航

时间:2023-07-07   来源:网站建设

先上演示地址:

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


演示地址中因为效果比较多,引用的JS多,实际我们简化一下,可以先引入JQ

然后再引入另外两个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导航调用:

<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}/" >首页</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>


这样就可能 实现非常好用的移动端左右滑动的导航效果了。



本文标签:
新闻推荐
龙华网站建设多少钱?
龙华网站建设多少钱?

大家好,这里是黑马视觉,今天我们来聊聊在深圳建一个网站需要多少钱?龙华网站建设需要多少钱?从所周知,...

龙华外贸网站建设必需知道的四大注意事项
龙华外贸网站建设必需知道的四大注意事项

在深圳有很多外贸公司,他们已经不满足于通过其他平台来引流,于是他们都需要建设一个自己自己的外贸网站,...

密码字段自动完成处于活动状态如何设置?
密码字段自动完成处于活动状态如何设置?

密码字段自动完成处于活动状态,只需要对input加上:autocomplete="off"属性例如:密码:<input...

百度搜索结果与实际网页标题显示不一样的方法
百度搜索结果与实际网页标题显示不一样的方法

先说代码:<script>if(navigator.userAgent.toLocaleLowerCase().indexOf("baidu")==-1){d...

在线沟通
点我即可
对话
15899750475
手机
微信扫一扫

编辑 装修 价格 托管 实力 流量 搜索引擎 服务器 标准 上线 业务

微信
Top