麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁(yè) > CMS > Z-Blog > 正文

z-blog讓導(dǎo)航突出顯示當(dāng)前頁(yè)鏈接條目

2024-09-06 23:01:05
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
關(guān)鍵字描述:鏈接 當(dāng)前 顯示 導(dǎo)航 突出 " < .attr this 代碼

z-blog讓導(dǎo)航突出顯示當(dāng)前頁(yè)鏈接條目:

我們的大致思路是這樣的,首先用js給導(dǎo)航部分中當(dāng)前鏈接項(xiàng)加個(gè)區(qū)分的ID,如<li id=“current”>首頁(yè)</li>,然后再用CSS定義就完成了。

  • setp1 :加入js(jQuery代碼),如下

    原先功能簡(jiǎn)單的代碼

    <script type="text/javascript">$(document).ready(function(){$("#menu ul>li").each(function() {  //我們假設(shè)導(dǎo)航部分的ID為menu,結(jié)構(gòu)是<div id="menu"><ul><li>...    if ($(this).find("a").attr("href")==document.URL){    $(this).attr("id","current")  //給當(dāng)前頁(yè)的<li>加上id="current",如<li id="current">首頁(yè)</li>    }});});</script>

    haphic將這一代碼做了完善,此代碼只支持 Z-Blog 模板.

    haphic 完善后的代碼

    <script type="text/javascript">    $("#menu ul>li").each(function() {        if ($(this).find("a").attr("href").toLowerCase() !== str00.toLowerCase()){            if (document.URL.toLowerCase().indexOf($(this).find("a").attr("href").toLowerCase()) !== -1){                $(this).attr("id","current")            }        }else{            if ($(this).find("a").attr("href").toLowerCase() == document.URL.toLowerCase()){                $(this).attr("id","current")            }        }    });</script>
  • setp2 :定義CSS樣式
    #menu ul li#current { background-color:#fff; color:#0B1316;}

  • 發(fā)表評(píng)論 共有條評(píng)論
    用戶名: 密碼:
    驗(yàn)證碼: 匿名發(fā)表
    主站蜘蛛池模板: 日本一区二区久久久 | 久久经典 | 成人在线观看网 | 国产一区成人 | 国产精品视频免费在线观看 | 黄色日韩网站 | 久久久久久久久久美女 | 国产精品久久久久久久久久大牛 | 精品亚洲福利一区二区 | 成人毛片视频在线观看 | 欧美性受ⅹ╳╳╳黑人a性爽 | 中国美女一级黄色片 | 日本高清在线免费 | 99国内精品视频 | 国产一区日韩精品 | 国产做爰 | 91网站永久免费看 | 久久久久久久久久久av | 国内精品久久久久久影视8 嫩草影院在线观看网站成人 | 久久久久久久午夜 | 欧美性黄 | 国产激爽大片在线播放 | 看免费一级毛片 | 在线免费小视频 | 国产精品免费观看视频 | 2021av视频 | 午夜生活理论片 | 日韩色电影| 日日草夜夜草 | 久久久看 | 亚洲一区二区中文 | 黄色aaa视频 | avav在线播放 | 亚洲精品成人久久 | 福利一区二区三区视频在线观看 | arabxxxxvideos | 中国杭州少妇xxxx做受 | 久草在线视频在线 | 超污视频在线看 | av电影免费播放 | 亚州综合|