jQuery悬浮菜单动画提示

收藏

我们经常在商城网站上看到右侧会有个浮动层，鼠标悬浮在按钮上，会弹出文字提示层，比如聚美优品的右侧菜单就是这样的效果http://www.erdangjiade.com/js/462.html

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

ul li导航菜单列表

<ul class="sidenav">
    <li>
        <a href="http://www.erdangjiade.com/">首页</a>
        <div><p>Go home!</p></div>
    </li>
    <li>
        <a href="http://www.erdangjiade.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");
});