久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

咨詢電話：
15628812133
01
2017/07

講解版的導(dǎo)航高亮（新手福利）原生JS

發(fā)布時(shí)間：2017-07-01 13:58:09
發(fā)布者：pengyifeng
瀏覽量:
0

為了增加用戶體驗(yàn)度，增加網(wǎng)頁的易用性和美觀度，往往需要把當(dāng)前導(dǎo)航菜單以特殊方式顯示，通常是高亮顯示或有不同于其它菜單的背景，有兩種方法可以實(shí)現(xiàn)，第一種是用純css來實(shí)現(xiàn)，二是用js輔助css來實(shí)現(xiàn)，兩個(gè)種方法都比較簡單，相對而言js更簡單些，下面介紹用js來實(shí)現(xiàn)的方法：

這是導(dǎo)航的樣式

HTML：


    
    
  • 主頁1
  • 
    
  • 主頁2
  • 
    
  • 主頁3
  • 
    
  • 主頁4
  •

當(dāng)前導(dǎo)航高亮顯示能夠提升用戶體驗(yàn)，因?yàn)樵诰W(wǎng)站中每個(gè)頂級導(dǎo)航欄對應(yīng)不同的頁面，那么我們?nèi)绾巫屗趯?yīng)的頁面時(shí)，對應(yīng)的li高亮呢？下面我們用js代碼寫下操作。

JS代碼：

演示地址：http://www.geizy.cn/d/demo/dh/1.html

關(guān)鍵詞:
返回列表
相關(guān)文章
相關(guān)案例
濟(jì)南網(wǎng)絡(luò)公司聯(lián)系我們
聯(lián)系我們
CONTACT US
公司電話：0531-68961230 QQ:1828686598
公司地址：濟(jì)南市天橋區(qū)中凡魯鼎廣場A座20樓2009
高新技術(shù)企業(yè)編號：GR202437006411
科技中小企業(yè)編號：2024370105A8014257
關(guān)注我們濟(jì)南網(wǎng)絡(luò)公司
關(guān)注我們
FOCUS ON US
咨詢電話濟(jì)南網(wǎng)絡(luò)公司
咨詢電話：
15628812133
濟(jì)南網(wǎng)絡(luò)公司 濟(jì)南網(wǎng)絡(luò)公司 濟(jì)南網(wǎng)絡(luò)公司
山東文匯信息服務(wù)有限公司版權(quán)所有 濟(jì)南軟件開發(fā) 魯ICP備14002804號-1 公安備案號 37010502000882