日本AⅤ精品一区二区三区久久|久久免费看少妇高潮片A特黄|亚洲最大无码一区二区三区|色偷偷亚洲第一综合网

<rt id="lzp7f"><menuitem id="lzp7f"></menuitem></rt>
<tt id="lzp7f"></tt>
<b id="lzp7f"></b>

    1. <rp id="lzp7f"></rp>



              暢想網絡是一支年輕的網站設計與開發的精英團隊,專業于網站開發、網站建設、網站排名、域名注冊與網絡服務器租用的互聯網企業……

            科汛CMS實現彈出二級菜單效果

            本站原創   2015年09月20日

              很多科汛FANS都在糾結科汛沒有可以彈出二級菜單的標簽,或者說功能,有個別網友用SQL做出來了,但是,不是那么完美,比如 當鼠標離開頻道(一級欄目)名稱后滑向彈出的二級欄目的名稱時,頻道名稱的鼠標經過效果就會消失,使原本高大上的頁面,掉價許多....不廢話, 直接先上效果圖



             

              制作步驟:

              1、新建SQL標簽

              這里需要兩個SQL標簽進行嵌套。我們分別為命名為 內循環和外循環;

              2、內循環

              內循環用于顯示二級欄目使用的,  用于查詢當前欄目下面的子欄目使用的。
              SQL查詢內容:
              SELECT TOP 15 ID,FolderName,TN FROM KS_Class Where TN='{$Param(0)}' ORDER BY FolderOrder
              樣式:
              <ul>
              [loop=15]
              <li><a href="{$Field(ID,GetInfoUrl,100,1)}" title="{$Field(FolderName,Text,0,&hellip;,0,)}">{$Field(FolderName,Text,0,&hellip;,0,)}</a></li>
              [/loop]
              </ul>

              說明一下, 在內循環里面, 在樣式之前,有一個&ldquo;查詢無記錄時輸出內容&rdquo;這一項,一定要把里面默認的項刪掉,不然,如果有些欄目沒有二級欄目,便會彈出一個暫無內容, 這樣就大大的影響了美觀了。

             

              3、外循環

              外循環用于查詢網站一級欄目使用。
              SQL查詢內容:
              SELECT TOP 15 ID,FolderName,TS,TN FROM KS_Class Where TN='0' ORDER BY Root
              樣式:
              [loop=15]
              <li{#CurrClass}><a class="hide" href="{$Field(ID,GetInfoUrl,100,1)}">{$Field(FolderName,Text,0,&hellip;,0,)}</a>
              {SQL_內循環({$Field(ID,Text,0,&hellip;,0,)})}
              </li>
              [/loop]

              4、CSS樣式 

              建議大家直接在我的這個CSS上面去修改,這樣會方便一些,  為了便 于大家區別,我將一級菜單放在了定義在。nav 里面,故以。nav命名CSS
              .nav ul { padding:0; margin:0; list-style-type: none; }
              .nav ul li { float:left; position:relative; }
              .nav ul li a, .menu ul li a:visited { display:block; text-align:center; text-decoration:none; width:122px; color:#FFFFFF; font-size:16px; font-weight: bold; line-height: 45px; }
              .nav ul li ul { display: none; z-index: 9999; margin-left: 5px; }
              .nav ul li:hover a,.Nav .menu .curr .hide { color:#FFFF00; text-align: center; font-size: 16px; line-height: 45px; font-weight: bold; background-image: url(s.png); background-repeat: repeat-x; background-position: 0px -45px; }
              .navul li:hover ul { display:block; position:absolute; top:45px; left:0; width:122px; padding-top: 0px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; margin: 0px; }
              .nav ul li:hover ul li a { display:block; color:#FFFFFF; font-size: 12px; line-height: 30px; height: 30px; background-image: url(s.png); margin: 0px; padding: 0px; font-weight: normal; background-repeat: repeat-x; background-position: 0px -90px; }
              .nav ul li:hover ul li a:hover { color:#FFFF00; background-image: url(s.png); background-repeat: repeat-x; background-position: 0px -120px; }

              5、調用方法:

              <div class="nav">
              <ul>
              {SQL_外循環()}
              </ul>
              </div>
              看一下效果吧,我們想要的效果,肯定就出現了。 有一些朋友喜歡二級菜單彈出后 橫著排放的, 這樣的,也可以通過這樣的方法實現,只需要修改對應的CSS便可以了。


             


            更多資訊請關注公司網址:http://www.cookievps.com

            關于暢想服務范圍套餐標準詢求提交聯系我們網站地圖百度新聞維護工單技術交流
            Copyright 2009-2015 Powered by Jccxwl.COM All Rights Reserved.
            鄄城暢想網絡科技有限公司 版權所有
            魯公網安備 37172602000001號  魯ICP備15031242號  
            <rt id="lzp7f"><menuitem id="lzp7f"></menuitem></rt>
            <tt id="lzp7f"></tt>
            <b id="lzp7f"></b>

              1. <rp id="lzp7f"></rp>