PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 网页特效 > 导航菜单 > 正文

    jquery模仿flash导航菜单特效

    作者:w634381967来源:B5教程网浏览:时间:2020-10-24 21:11:49我要评论
    分享到

    内容介绍

    此作品用jquery模仿flash导航菜单特效,鼠标移动到文字有动画效果,鼠标离开特效消失,感觉还不错,B5教程网推荐下载!B5教程网,站长必备js网页特效及js广告代码,提供高质量js特效下载
    js代码如下:

     
    复制代码 代码如下:
    <script>
    $(document).ready(function(){
    $(".con").prepend('<div class="nav_ub"></div><div class="nav_db"></div>')
    $(".con").hover(function(){
      $(this).children(".nav_ub").stop().animate({top:-26},300);
      $(this).find(".pos").stop().animate({left:50},250);
      $(this).children(".nav_db").stop().animate({bottom:-14},300);
      $(this).find(".pos").stop().animate({left:50},250);
    },function(){
      $(this).children(".nav_ub").stop().animate({top:0},300);
      $(this).find(".pos").stop().animate({left:50},250);
      $(this).children(".nav_db").stop().animate({bottom:0},300);
      $(this).find(".pos").stop().animate({left:50},250);
    });
    })
    </script>

    本站所有特效都是站长亲自测试后发布的,如果运行代码无效果,请复制到您的本机运行
    运行代码 复制代码 另存代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
    转载请注明(B5教程网)原文链接::https://b5.mxunkeji.com/content-76-80-1.html