<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.div1{ border:#FF0000 1px solid; margin-top:5px; width:100px; height:100px;}
.div2{ border:#00FF00 1px solid; margin-top:5px; width:200px; height:200px;}
.div3{ border:#0000FF 1px solid; margin-top:5px; width:300px; height:300px;}
</style>
<script src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
var w_h=new Array();
var i=1;
$("a").click(function(e) {
$("div").each(function(index, ele) {
if(i==1){
w_h[index]=$(this).width()+','+$(this).height();
}
$(this).width(Math.ceil(Math.random()*100));
$(this).height(Math.ceil(Math.random()*100));
});
if(i==3){
$("div").each(function(index, ele) {
var wh=w_h[index].split(',');
$(this).width(wh[0]);
$(this).height(wh[1]);
});
i=1;
return;
}
++i;
});
})
</script>
</head>
<body>
<a href="javascript:void(0)"><h1>不要客气鼠标猛击</h1></a>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div></body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.div1{ border:#FF0000 1px solid; margin-top:5px; width:100px; height:100px;}
.div2{ border:#00FF00 1px solid; margin-top:5px; width:200px; height:200px;}
.div3{ border:#0000FF 1px solid; margin-top:5px; width:300px; height:300px;}
</style>
<script src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
var w_h=new Array();
var i=1;
$("a").click(function(e) {
$("div").each(function(index, ele) {
if(i==1){
w_h[index]=$(this).width()+','+$(this).height();
}
$(this).width(Math.ceil(Math.random()*100));
$(this).height(Math.ceil(Math.random()*100));
});
if(i==3){
$("div").each(function(index, ele) {
var wh=w_h[index].split(',');
$(this).width(wh[0]);
$(this).height(wh[1]);
});
i=1;
return;
}
++i;
});
})
</script>
</head>
<body>
<a href="javascript:void(0)"><h1>不要客气鼠标猛击</h1></a>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div></body>
</html>
使用bind绑定多个事件
哥哥啊你自己引入一个jQuery文件啊或者把下面这句粘贴里面
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js" type="text/javascript"></script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.div1{ border:#FF0000 1px solid; margin-top:5px; width:100px; height:100px;}
.div2{ border:#00FF00 1px solid; margin-top:5px; width:200px; height:200px;}
.div3{ border:#0000FF 1px solid; margin-top:5px; width:300px; height:300px;}
</style>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(function(){
var w_h=new Array();
var i=1;
$("a").click(function(e) {
$("div").each(function(index, ele) {
if(i==1){
w_h[index]=$(this).width()+','+$(this).height();
}
$(this).width(Math.ceil(Math.random()*100));
$(this).height(Math.ceil(Math.random()*100));
});
if(i==3){
$("div").each(function(index, ele) {
var wh=w_h[index].split(',');
$(this).width(wh[0]);
$(this).height(wh[1]);
});
i=1;
return;
}
++i;
});
})
</script>
</head>
<body>
<a href="javascript:void(0)"><h1>不要客气鼠标猛击</h1></a>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div></body>
</html>
直接用这个就OK了!!!把帖子结了就行了……
$('div').css(css[i])