内容介绍
此作品用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 全部选择 提示:你可先修改部分代码,再按运行]