亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > JavaScript > 正文

js代碼實現微博導航欄

2024-05-06 16:24:07
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了js代碼實現微博導航欄的相關資料,需要的朋友可以參考下

微博導航看起來很美觀，實現起來也不麻煩，直接寫代碼了

 

 
  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title></title> 
  6. <script type="text/javascript"> 
  7. var hiddenChild = function(obj) { 
  8. var ul = obj.getElementsByTagName("ul")[0]; 
  9. ul.style.display = 'none'; 
  10. } 
  11. /* 
  12. *obj表示導航條中的直接li 
  13. */ 
  14. var showChild = function(obj) { 
  15. var ul = obj.getElementsByTagName("ul")[0]; 
  16. ul.style.display = 'block'; 
  17. } 
  18. </script> 
  19. <style type="text/css"> 
  20. * { 
  21. margin: 0px; 
  22. padding: 0px 
  23. } 
  24. /*導航條*/ 
  25. #nav { 
  26. line-height: 60px; 
  27. list-style-type: none; 
  28. background-color: #0000FF; 
  29. text-align: center; 
  30. } 
  31. #nav a { 
  32. color: white; 
  33. text-decoration: none; 
  34. display: block; 
  35. width: 80px; 
  36. font-size: 20px; 
  37. font-weight: 800; 
  38. } 
  39. #nav a:hover { 
  40. background-color: #ccc; 
  41. } 
  42. #nav li { 
  43. background-color: blue; 
  44. float: left; 
  45. color: white; 
  46. list-style-type: none; 
  47. } 
  48. #nav li ul { 
  49. position: absolute; 
  50. display: none; 
  51. width: 130px; 
  52. } 
  53. .show { 
  54. display: block; 
  55. } 
  56. </style> 
  57. </head> 
  58. <body> 
  59. <ul id="nav"> 
  60. <li onmouseover="showChild(this);" onmouseleave="hiddenChild(this);"> 
  61. <a href="#">首頁</a> 
  62. <ul> 
  63. <li> 
  64. <a href="#">全部廣播</a> 
  65. </li> 
  66. <li> 
  67. <a href="#">好友</a> 
  68. </li> 
  69. <li> 
  70. <a href="#">關注</a> 
  71. </li> 
  72. </ul> 
  73. </li> 
  74. <li onmouseover="showChild(this);" onmouseleave="hiddenChild(this);"> 
  75. <a href="#">微頻道</a> 
  76. <ul> 
  77. <li> 
  78. <a href="#">微頻道1</a> 
  79. </li> 
  80. <li> 
  81. <a href="#">微頻道2</a> 
  82. </li> 
  83. </ul> 
  84. </li> 
  85. <li onmouseover="showChild(this);" onmouseleave="hiddenChild(this);"> 
  86. <a href="#">找人</a> 
  87. <ul> 
  88. <li> 
  89. <a href="#">明星</a> 
  90. </li> 
  91. <li> 
  92. <a href="#">達人</a> 
  93. </li> 
  94. </ul> 
  95. </li> 
  96. <li onmouseover="showChild(this);" onmouseleave="hiddenChild(this);"> 
  97. <a href="#">微群</a> 
  98. <ul> 
  99. <li> 
  100. <a href="#">股票</a> 
  101. </li> 
  102. </ul> 
  103. </li> 
  104. </ul> 
  105. </body> 
  106. </html> 

以上代碼就是用js實現微博導航欄，需要的朋友可以來參考下。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久精品国产成人| 久久视频免费在线播放| 国产成人精品最新| 视频一区视频二区国产精品| 亚洲国产高清高潮精品美女| 国产成人精品一区二区三区| 永久免费看mv网站入口亚洲| 亚洲最大福利网站| 久久香蕉国产线看观看网| 国产一区二区三区在线视频| 欧美激情中文网| 91av中文字幕| 国产午夜一区二区| 久久6免费高清热精品| 亚洲欧美激情精品一区二区| 久久久欧美一区二区| 色一情一乱一区二区| 欧美美最猛性xxxxxx| 国产午夜精品全部视频在线播放| 亚洲视频在线观看网站| 欧美精品videossex性护士| 欧美高清无遮挡| 日韩av免费看| 成人精品视频99在线观看免费| 日韩精品在线影院| 亚洲免费中文字幕| 91精品视频大全| 2018中文字幕一区二区三区| 欧美精品videofree1080p| 久久中文字幕在线视频| 亚洲国产福利在线| 日韩电影免费在线观看| 色哟哟亚洲精品一区二区| 久久视频在线观看免费| 亚洲国语精品自产拍在线观看| 久久午夜a级毛片| 国产精品久久电影观看| 欧美在线观看www| 国产欧美日韩亚洲精品| 成人黄色免费网站在线观看| 久热精品视频在线免费观看| 国产精品视频公开费视频| 69国产精品成人在线播放| 日韩一二三在线视频播| 成人精品视频99在线观看免费| 欧日韩不卡在线视频| 欧美日韩免费观看中文| 国产精品一区久久久| 欧美电影在线观看网站| 岛国av在线不卡| 亚洲xxxx妇黄裸体| 欧美亚洲激情在线| 亚洲sss综合天堂久久| 国产成人精品日本亚洲专区61| 国产精品视频白浆免费视频| 伊人男人综合视频网| 欧美性猛交xxxxx水多| 久久久久久久久久久av| 欧美成人性色生活仑片| 中文字幕日韩电影| 中文字幕综合在线| 国产精品96久久久久久又黄又硬| 亚洲综合精品一区二区| 欧美性生交大片免网| 日韩av在线播放资源| 岛国av午夜精品| 国产精品久久久久久五月尺| 2025国产精品视频| 精品福利一区二区| 中文字幕亚洲欧美日韩高清| 亚洲精品乱码久久久久久按摩观| 国产精品久久久久久久久男| 热99在线视频| 一区二区三区高清国产| 日韩在线视频播放| 亚洲综合在线中文字幕| 亚洲成人网在线观看| 精品小视频在线| 欧美成人午夜免费视在线看片| 一本一本久久a久久精品牛牛影视| 中国日韩欧美久久久久久久久| 欧美成aaa人片在线观看蜜臀| 夜夜嗨av色综合久久久综合网| 在线视频欧美日韩精品| 91美女高潮出水| 久久久久久尹人网香蕉| 久久久精品国产一区二区| 色综合视频一区中文字幕| 亚洲天堂免费在线| 欧美大片va欧美在线播放| 久久福利视频网| 成人激情视频在线| 亚洲视频在线看| 国语自产精品视频在线看一大j8| 欧美国产日本高清在线| 亚洲国产日韩欧美在线99| 欧美日韩国产va另类| 久久综合亚洲社区| 欧美精品制服第一页| 国产欧美一区二区三区久久| 欧美成人黑人xx视频免费观看| 4438全国亚洲精品在线观看视频| 欧美性一区二区三区| 国产精品久久久久影院日本| 久久精品一区中文字幕| 日韩在线视频网| 欧美一级片在线播放| 欧美激情亚洲综合一区| 亚洲片在线观看| 欧美成人午夜剧场免费观看| 欧美黑人又粗大| 国产成人精品久久亚洲高清不卡| 亚洲欧美日韩久久久久久| 亚洲精品www久久久久久广东| 国产精品网红直播| 正在播放国产一区| 精品国产一区二区三区久久狼黑人| 欧美一区二区色| 欧美精品久久久久久久久| 亚洲第一视频在线观看| 亚洲国产精品va在看黑人| 68精品久久久久久欧美| 日韩视频免费中文字幕| 国产成人精品av在线| 久久夜精品香蕉| 国产精品高清在线| 国产精品自拍偷拍视频| 日韩亚洲第一页| 最近中文字幕日韩精品| 欧美成年人视频| 久久韩剧网电视剧| 久久久噜噜噜久久中文字免| 国产91在线播放精品91| 永久555www成人免费| 国产色综合天天综合网| 97av在线影院| 欧美精品18videosex性欧美| 亚洲女人被黑人巨大进入al| 亚洲电影免费在线观看| 国产欧美一区二区三区久久| 91av国产在线| 国产日韩换脸av一区在线观看| 欧美噜噜久久久xxx| 中文字幕免费精品一区高清| 68精品国产免费久久久久久婷婷| 亚洲丁香婷深爱综合| 亚洲人在线视频| 成人网页在线免费观看| 国产精品久久久久久av下载红粉| 国产精品一香蕉国产线看观看| 中文字幕在线看视频国产欧美| 欧美在线观看视频| 国产精品美女免费| 美女久久久久久久| 欧美精品18videos性欧| 久久免费视频网| 欧美激情精品久久久久久蜜臀| 久久久久久欧美| 都市激情亚洲色图| 欧美性猛交99久久久久99按摩| 91精品啪aⅴ在线观看国产| 狠狠久久五月精品中文字幕| 国产成人精品av| 欧美日韩视频免费播放|