原作者: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);
- 添加
- 后臺留言發郵件
- finecms v182升級
- finev1.8.0目錄
- finecms-yufan簡單教程
- 改后臺版權,但是本人建議別改
- v1.8簡單的文章評論
- 后臺更換編輯器
- 開手機站
- 一鍵分享到qq空間微博等
- 上傳主機后需要注意的地方
- FineCMS 模板設計指南,部分文件介紹
- 數據表部分介紹
- 在線客服
- 漂浮廣告
- 免費主機推薦
- 免費主機的使用-菜鳥新手觀看
- execl導入到mysql
- 彈出自己qq
- 新浪微博組件
- 文本框拉伸
- qq互聯和其他組件
- cms推薦
- 文章標題省略號
- 網盤分享
- 推薦一些網站
- 后臺
- 萬能sql標簽
- 網站多語言
- 文章循環
- 網站登陸框的設置
- 代言寶插件和分享插件以及客服系統
- 廣告插件
- 購物方面
- 表單使用
- 全站欄目調用代碼 用于網站地圖
- 圖片上傳大小限制修改
- 文件上傳限制
- 系統核心配置 SYS_DOMAIN說明
- 表單使用介紹
- 關于allow_url_fopen與curl擴展的開啟
- 流行WEB服務器偽靜態規則配置說明
- 系統配置文件介紹(config目錄下)
- 會員模型及會員注冊配置使用介紹
- 網站多語言配置方法
- 后臺管理目錄(admin)更改方法介紹
- 《友情鏈接》插件使用說明
- 一個虛擬主機創建N個站點
- 首頁調用文章的閱讀數和評論數的標簽代碼
- loop
- 留言插件使用
- 欄目調用2
- 調用當前欄目和指定欄目
- 分頁使用
- 二級導航調用
- 房產
- 調用當前新聞之類的欄目
- 指定欄目下的子欄目調用
- 模版路徑的標簽
- 自定義字段之下拉菜單
- 首頁調用單頁內容
- 無限極欄目調用
- 投票
- 簡單的mvc
- 給模型添加字段
- 留言內容發到郵箱
- 視頻的添加
- 小白企業站教程