使用CSS+XHTML制作的下拉菜单(代码)(2)
时间:2011-03-31 08:36来源: 作者: 点击:
次
下面是HTML代码部分: ul class=menu li class=tuckUp onmousemove=this.className='pullDown' onmouseout=this.className='tuckUp'MenuOne div class=itema href=/ITEM01/a/abr / a href=/ITEM02/a/abr / a href=/I
下面是HTML代码部分:
<ul class="menu"> <li class="tuckUp" onmousemove="this.className='pullDown'" onmouseout="this.className='tuckUp'">MenuOne <div class="item"><a href="/">ITEM01</a></a><br /> <a href="/">ITEM02</a></a><br /> <a href="/">ITEM03</a><br /> <a href="/">ITEM04</a><br /> <a href="/">ITEM05</a><br /> <a href="/">ITEM06</a><br /></div> </li> <li class="tuckUp" onmouseover="this.className='pUllDown'" onmouseout="this.className='tuckUp'">MenuTwo <div class="item"><a href="/">ITEM01</a><br /> <a href="/">ITEM02</a><br /> <a href="/">ITEM03</a><br /> <a href="/">ITEM04</a><br /></div> </li> <li class="tuckUp" onmouseover="this.className='pullDown'" onmouseout="this.className='tuckUp'">MenuThree <div class="item" ><a href="/">ITEM01</a><br /> <a href="/">ITEM02</a><br /> <a href="/">ITEM03</a><br /> <a href="/">ITEM04</a><br /> <a href="/">ITEM05</a><br /></div> </li> <li class="tuckUp" onmouseover="this.className='pUllDown'" onmouseout="this.className='tuckUp'">MenuFour <div class="item"><a href="/">ITEM01</a><br /> <a href="/">ITEM04</a><br /> <a href="/">ITEM05</a><br /></div> </li> <li class="tuckUp" onmouseover="this.className='pUllDown'" onmouseout="this.className='tuckUp'">MenuFive <div class="item"><a href="/">ITEM01</a><br /> <a href="/">ITEM02</a><br /> <a href="/">ITEM03</a><br /> <a href="/">ITEM04</a><br /> <a href="/">ITEM05</a><br /></div> </li> </ul>
(责任编辑:admin) |
织梦二维码生成器
------分隔线----------------------------