最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

jQuery悬浮菜单动画提示

来源:http://www.erdangjiade.com/ 沐浴春风 2016-02-15 18:33浏览(1612)

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

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

jQuery悬浮菜单动画提示
分类:悬浮层/弹出层 > 弹窗 难易:初级
查看演示

加我微信,拉你进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");
});
标签: 动画提示工具
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/771.html
评论1
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 沙发
    07-31 15:15
    好酒贱男春
    特效很好用,再多弄点啊
1 2