搜尋

首頁 >web前端 >js教程 >一個級聯選單程式碼學習及removeClass與addClass的應用_javascript技巧

一個級聯選單程式碼學習及removeClass與addClass的應用_javascript技巧

WBOY
WBOY原創
2016-05-16 17:43:051108瀏覽

最近在學些web前段的知識，看見部落格園首頁左側的一個級聯選單，就想寫一個demo.呵呵

複製程式碼 代碼如下:




<br><style type="text/css"> <BR>* <BR>{ <BR>padding: 0px; <BR>margin: 0px; <BR>} <BR>.dis_none <BR> { <BR>display: none; <BR>} <BR>.dis_block <BR>{ <BR>display: block; <BR>} <BR>.subSheet <BR>{ <BR>position: absolute <BR>left: 100px; <BR>z-index: 10; <BR>width: 100px; <BR>} <BR>ul <BR>{ <BR>list-style: none; <BR>} <BR>li <BR>list-style: none; <BR>} <BR>li <BR>{ <BR>border: 1px solid blue; <BR>width: 100px; <BR>background-color: Gray; <BR>} <BR>li a <BR>{ <BR>} <BR><BR>< /style> <BR> <BR><body> <BR><form id="form1" runat="server"> <BR><div> <BR><ul> <BR><li onmousemove ="mouse_over(1010)" onmouseout="mouse_out(1010)"><a href="">.NET精華區 <BR><div class="subSheet dis_none" id="1010"> <BR><ul> <BR><li><a href="">新手入門 <BR><li><a href="">託管程式碼 <BR><li><a href="">非託管程式碼 <BR> <BR></style>


  • 嵌入式


    • 單晶片


  • 軟體測試





    • html>

    陳述：
    本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
    上一篇：jquery多行滾動/向左或向上滾動/響應滑鼠實現想法及代碼_jquery下一篇：jquery多行滾動/向左或向上滾動/響應滑鼠實現想法及代碼_jquery

    相關文章

    看更多