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

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

WBOY
發布: 2016-05-16 17:43:05
原創
1120 人瀏覽過

最近在學些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>

    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板