二級導航調用 · finecms18系列手冊

原作者：yufan??? chm整合-yufan? Q：956932910 個人網站[http://www.phper.kuphp.net/](http://www.phper.kuphp.net/)? 論壇推薦[http://bbs.lampym.com/index.php?c=thread&fid=12](http://bbs.lampym.com/index.php?c=thread&fid=12) ?  <div id="top_bg"> ?<div class="top"> ??<a class="logo_l" href="/" title="返回首頁"></a> ?? ??<div class="nav_z"> ???<ul id="navul" class="cl"> ????<li><a href="{SITE_URL}">網站首頁</a></li> ????{loop $cats $cat} ????{if $cat[parentid] == 0 && $cat['ismenu']} ????<li> ?????<a href="{$cat['url']}">{$cat['catname']}</a> ?????<ul> ??????{if $cat['child']} ??????{loop $cats $a} ??????{if $a[parentid] == $cat[catid]} ??????<li><a href="{$a['url']}">{$a['catname']}</a></li> ??????{/if} ??????{/loop} ??????{/if} ?????</ul>??????? ????</li> ????{/if} ????{/loop} ???</ul> ??</div> ??<script? type="text/javascript"> ??$(".navbg").capacityFixed(); ??</script> ?</div> </div>  ? ? ? ? ? ? ? css文件 ?  <style> ?#top_bg{height:40px;width:100%;background:#333;box-shadow:1px 1px 7px #999;position:fixed;z-index:999;left:0;border-bottom:#C6C6C6 solid 1px;} ?.top{width:1640px;height:40px;margin:0 auto;} ?.top .logo_l{width:145px;height:40px;float:left;background:url(../images/logo.png) no-repeat left;} ? ?.nav_z{width:auto!important;height:40px;float:left;position:relative;z-index:999 ;} ?#navul li{float:left;width:80px;height:40px;position:relative;text-align:center;line-height:40px;} ?#navul li a:link, #navul li a:visited{color:#FFF;font-weight:500;letter-spacing:2px;} ?#navul li ul{display:none;position:absolute;z-index:999;background:#e6e6e6;border:#c6c6c6 1px solid;border-bottom:none;left:-1px;} ?#navul li ul li{display:block;width:78px;float:none;height:35px;position:relative;line-height:35px;border-bottom:#C6C6C6 1px solid;font-size:12px;overflow:hidden} ?#navul li.navmoon{background:#E6E6E6;border:#C6C6C6 1px solid;width:78px;height:38px;line-height:38px;} ?#navul li.navmoon a{color:#404a58;} ?#navul li.navhome a:hover{color:#FCFF00;} ?#navul li.navmoon ul{display:block;} ?#navul li.navmoon ul a{display:block;width:78px;height:35px;line-height:35px;} ?#navul li.navmoon ul a:hover{color:#0573bd;background:#FFF;} </style>  ? ? ? js代碼 ? /* *author:Null *DATE:2013.5.24 */ ? $(function(){???? ?//頭頁登錄 ?$("#navul > li").not(".navhome").hover(function(){ ??$(this).addClass("navmoon") ?},function(){ ??$(this).removeClass("navmoon") ?}); ? }); ? (function($){ ??? $.fn.capacityFixed = function(options) { ??????? var opts = $.extend({},$.fn.capacityFixed.deflunt,options); ??????? var FixedFun = function(element) { ??????????? var top = opts.top; ??????????? element.css({ ??????????????? "top":top ??????????? }); ??????????? $(window).scroll(function() { ??????????????? var scrolls = $(this).scrollTop(); ??????????????? if (scrolls > top) { ? ??????????????????? if (window.XMLHttpRequest) { ??????????????????????? element.css({ ??????????????????????????? position: "fixed", ??????????????????????????? top: 0??????? ??????????????????????? }); ??????????????????? } else { ??????????????????????? element.css({ ??????????????????????????? top: scrolls ??????????????????????? }); ??????????????????? } ??????????????? }else { ??????????????????? element.css({ ??????????????????????? position: "absolute", ??????????????????????? top: top ??????????????????? }); ??????????????? } ??????????? }); ??????????? element.find(".close-ico").click(function(event){ ??????????????? element.remove(); ??????????????? event.preventDefault(); ??????????? }) ??????? }; ??????? return $(this).each(function() { ??????????? FixedFun($(this)); ??????? }); ??? }; ??? $.fn.capacityFixed.deflunt={ ??right : 0,//相對于頁面寬度的右邊定位 ??????? top:0 ?}; })(jQuery);