我们经常在商城网站上看到右侧会有个浮动层,鼠标悬浮在按钮上,会弹出文字提示层,比如聚美优品的右侧菜单就是这样的效果http://www.sucaihuo.com/js/462.html
ul li导航菜单列表
<ul class="sidenav">
<li>
<a href="http://www.sucaihuo.com/">首页</a>
<div><p>Go home!</p></div>
</li>
<li>
<a href="http://www.sucaihuo.com/js">关于我们</a>
<div><p>知道我们的团队!</p></div>
</li>
</ul>
显示div里面的提示信息
$("ul.sidenav li").hover(function() {
$(this).find("div").stop().animate({left: "210", opacity: 1}, "fast").css("display", "block");
$(this).find(">a").addClass("current");
}, function() {
$(this).find("div").stop().animate({left: "0", opacity: 0}, "fast");
$(this).find(">a").removeClass("current");
});
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791