前端技巧 層級導航高亮

2022-10-11 18:03:15 字數 1018 閱讀 2143

<

script

>

$(function

()

else

});});

script

>

應用於多層級導航高亮

注意:1.需要提前引入jquery

2.html頁面導航最外層設定 id = "n**"

3.設定 li rel 的值

比如:

<

ul id

="n**"

>

<

li rel

="index"

><

a href

="/"

>首頁

a>

li>

<

li rel

="jiejue"

><

a href

="/jiejuefangan.html"

>解決方案

a>

<

div

class

="sub"

>

<

ul>

<

li><

a href

="/jiejue-12-1.html"

>數字核電

a>

li>

<

li><

a href

="/jiejue-22-1.html"

>軌道交通

a>

li>

<

li><

a href

="/jiejue-8-1.html"

>智慧型醫療

a>

li>

<

li><

a href

="/jiejue-9-1.html"

>智慧型校園

a>

li>

ul>

div>

li>

ul>

(六)前端基礎之定位,層級

一,定位 定位 將指定元素放到頁面任意位置 position static 預設值 沒有定位,1 元素出現在正常文件流中 忽略top,left,right,bottom,z index宣告 2 當position非static時可以通過top left,right,bottom 四個屬性來設定元素的...

前端SEO技巧

文章出處 前幾天在慕課網上學習了 seo在網頁製作中的應用 覺得挺好 挺有用的,今天,特此做了乙個小小的筆記,也算是對學習過後的乙個總結。一 搜尋引擎工作原理 二 seo簡介三 前端seo 1 結構布局優化 盡量簡單 開門見山,提倡扁平化結構。2 網頁 優化 第一行文字內容 第二行文字內容 第三行文...

前端常用技巧

1.擷取字串,從第一位開始,擷取6位 provider name val substr 0,6 2.許可權設定 3.通過尋找父級取值 向上尋找找到class detailshearid的父級的id obj closest detailshearid parents attr id 4.live動態註...

前端小技巧

1 形成如下效果 文字居於框中 一般給span標籤加框框,會比較貼合緊密,不好看 font size 1.3rem border 1px solid 337ab7 padding 0 10px height 20px line height 20px 加完之後行高與高度一樣 框就會高一點,如果單憑想...

前端設計技巧

一 前端設計面臨的最大問題 1 瀏覽器不相容 html5特效在ie8及以下版本不顯示,排版錯位 2 分辯率不同 排版錯位 二 瀏覽器不相容解決辦法 1 針對不同瀏覽器加 除ie外都可識別 所有的ie可識別 僅ie6可識別 ie6以及ie6以下版本可識別 ie6以及ie6以上版本可識別 僅ie7可識別...