簡約、兼容好的XHTML+css二級導航菜單

2024-09-05 12:20:27

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>純CSS+XHTML下拉菜單</title><style type="text/css"></style></head><body><ul class="menu">  <li id="iwvjtn8m0"    class="tuckUp" onmousemove="this.className='pullDown'" onmouseout="this.className='tuckUp'">精品特效    <div   id="iwvjtn8m0"   class="item">網頁特效<br />      層和布局<br />      表單按鈕<br /></div>  </li>  <li id="iwvjtn8m0"    class="tuckUp" onmouseover="this.className='pUllDown'" onmouseout="this.className='tuckUp'">菜單導航    <div   id="iwvjtn8m0"   class="item">菜單導航<br />      CSS菜單<br />      JQUERY菜單<br /></div>  </li>  <li id="iwvjtn8m0"    class="tuckUp" onmouseover="this.className='pullDown'" onmouseout="this.className='tuckUp'">源代碼    <div   id="iwvjtn8m0"   class="item" >源碼下載<br />      ASP分類<br />      PHP分類<br />      ASP.NET<br /></div>  </li>  <li id="iwvjtn8m0"    class="tuckUp" onmouseover="this.className='pUllDown'" onmouseout="this.className='tuckUp'">更新匯總    <div   id="iwvjtn8m0"   class="item">最新更新<br />      最新更新<br />      網站首頁<br /></div>  </li>  <li id="iwvjtn8m0"    class="tuckUp" onmouseover="this.className='pUllDown'" onmouseout="this.className='tuckUp'">腳本下載    <div   id="iwvjtn8m0"   class="item">腳本資源<br />      AJAX<br />      JQUERY<br />      EXTJS<br /></div>  </li></ul></body></html>

上一篇：純CSS+XHTML打造簡約下拉菜單

下一篇：CSS仿迅雷的網站導航