当前位置:首页 > 学习手记 > 正文内容

精美Css+Xhtml下拉菜单

心砚11年前 (2011-09-06)学习手记1220

精美Css+Xhtml下拉菜单

主菜单无链接,下拉菜单的链接。效果还可以!

 主要就是CSS控制,其他的就是在页面中调用。可以参看演示地址:www.mxshy.net

<div id="nav">
 <ul>
 <li class="go"><a href="index.asp">墨香首页</a>
 </li>
 <li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">墨香新闻
 <div class="list">
        <a href="newslist.asp?SortID=21">最新动态</a><br />
        <a href="mxgrb.asp?SortID=24">光荣榜</a><br />
 </div>
 </li>
 <li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">关于学校 
 <div class="list">
        <a href="about.asp?ID=18">学校简介</a><br />
        <a href="about.asp?ID=19">教师简介</a><br />
        <a href="photolist.asp?SortID=1">教室展示</a><br />
        <a href="about.asp?ID=20">开设课程</a><br />
  <a href="about.asp?ID=23">教育加盟</a><br />
 </div>
 </li>
 <li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">学生作品 
 <div class="list">
        <a href="zuopinlist.asp">学生作品</a><br />
        <a href="fanwei.asp?SortID=4">教学范围</a><br />
 </div>
 </li>
 <li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">联系我们
 <div class="list">
        <a href="lianxi.asp?id=22">联系我们</a><br />
        <a href="about.asp?id=21">招生招聘</a><br />
  <a href="GuestBook.asp?Str=签写留言">留言建议</a><br />  
 </div>
 </li>
 </ul>
</div>

 

 

 

下载地址:20110905下拉菜单.zip

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。