先上演示地址:
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>
这样就可能 实现非常好用的移动端左右滑动的导航效果了。
大家好,这里是黑马视觉,今天我们来聊聊在深圳建一个网站需要多少钱?龙华网站建设需要多少钱?从所周知,...
在深圳有很多外贸公司,他们已经不满足于通过其他平台来引流,于是他们都需要建设一个自己自己的外贸网站,...
*近在维护一台服务器的时候发现这台服务器CPU一直在99%到100%。服务器上运行的网站不多,也才3个.一开始怀...
安装好宝塔面板之后,我们进行安全扫描,会发现至少扫描出十几个风险。如果有钱,就直接企业版,一键进行修...