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

精美Css+Xhtml下拉菜单

心砚13年前 (2011-09-06)学习手记1865

精美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>