jquery 导航条的效果(css选择器控制)

ttx9n · 发表于 2010-5-27 12:15:43

jquery 导航条的效果，主要是针对css的控制。

标题1 
标题2 
标题3 
标题4 
标题5 
标题6 
 
进入之后才能看到效果！ 
<script type="text/javascript"> 
$(document).ready(function () { 
myHide(); 
}); 
function myHide() { 
//alert("hello"); 
//注册事件 
$(".m1").bind('mouseover', m1_mouseover); 
$(".m1").bind('mouseout', m1_mouseout); 
$(".m2").bind('mouseover', m2_mouseover); 
$(".m2").bind('mouseout', m2_mouseout); 
$(".m3").bind('mouseover', m3_mouseover); 
$(".m3").bind('mouseout', m3_mouseout); 
$(".m4").bind('mouseover', m4_mouseover); 
$(".m4").bind('mouseout', m4_mouseout); 
$(".m5").bind('mouseover', m5_mouseover); 
$(".m5").bind('mouseout', m5_mouseout); 
$(".m6").bind('mouseover', m6_mouseover); 
$(".m6").bind('mouseout', m6_mouseout); 
}; 
function m1_mouseover() { 
$(".m1").animate({ width: "100px", height: "30px",fontSize:"22px" }, "fast"); 
} 
function m1_mouseout() { 
$(".m1").animate({ width: "70px", height: "20px", fontSize: "14px" }, "fast"); 
} 
function m2_mouseover() { 
$(".m2").animate({ width: "100px", height: "30px", fontSize: "22px" }, "fast"); 
} 
function m2_mouseout() { 
$(".m2").animate({ width: "70px", height: "20px", fontSize: "14px" }, "fast"); 
} 
function m3_mouseover() { 
$(".m3").animate({ width: "100px", height: "30px", fontSize: "22px" }, "fast"); 
} 
function m3_mouseout() { 
$(".m3").animate({ width: "70px", height: "20px", fontSize: "14px" }, "fast"); 
} 
function m4_mouseover() { 
$(".m4").animate({ width: "100px", height: "30px", fontSize: "22px" }, "fast"); 
} 
function m4_mouseout() { 
$(".m4").animate({ width: "70px", height: "20px", fontSize: "14px" }, "fast"); 
} 
function m5_mouseover() { 
$(".m5").animate({ width: "100px", height: "30px", fontSize: "22px" }, "fast"); 
} 
function m5_mouseout() { 
$(".m5").animate({ width: "70px", height: "20px", fontSize: "14px" }, "fast"); 
} 
function m6_mouseover() { 
$(".m6").animate({ width: "100px", height: "30px", fontSize: "22px" }, "fast"); 
} 
function m6_mouseout() { 
$(".m6").animate({ width: "70px", height: "20px", fontSize: "14px" }, "fast"); 
} 
</script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

q215357618 · 发表于 2022-8-24 12:11:16

谢谢您的分享！

bp5jgbcnt · 发表于 2022-9-21 17:34:17

很不错的源码论坛

plvo189 · 发表于 2022-11-28 14:52:26

看看怎么样再说

ki9ku6 · 发表于 2022-12-10 15:26:26

逛逛看看瞧瞧

thywok · 发表于 2023-7-15 08:44:24

加快速度很快就撒谎

溪谷小兵 · 发表于 2023-9-17 08:40:20

看看看咋么

dingzhi521 · 发表于 2023-9-29 18:29:21

看看看咋么

errol123 · 发表于 2024-1-27 06:34:28

人都不在了啊啊

hd1tvqb3 · 发表于 2024-9-16 10:47:20

66666666666

账号		自动登录	找回密码
密码			立即注册

[JavaScript] jquery 导航条的效果(css选择器控制)

相关帖子