移花接木的下拉菜单

来源:互联网 发布:李慧芹 c语言网盘下载 编辑:程序博客网 时间:2024/04/27 03:28

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">原来的效果图如下</span>

css3回转菜单

源码地址:点我

移花接木后效果图:


登陆后,鼠标hover就有了这个下拉菜单!帮帮哒,上代码:

<ul class="menu"><li><a href="#"><%out.print(user.getUsername());%></a><ul class="submenu"><li><a href="setprofile">个人设置</a></li><li><a href="showMyDemand">我的任务</a></li><li><a href="rechargeJsp">充值</a></li><li><a href="#">子菜单E</a></li><li><a href="#">子菜单F</a></li><li><a href="#">子菜单G</a></li><li><a href="#">子菜单H</a></li><li><a href='logout'>退出登录</a></li></ul></li></ul>
很简单只要把原来的菜单一、菜单二、菜单三....换成你想要的文字即可,这里我换成了我的用户的登陆名

0 0
原创粉丝点击