移花接木的下拉菜单

<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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值