跪求方法！<a>如何实现点击一次更换所有div大小，再次点击再次改变所有div大小，第三次点击还原原始状态！

<!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>

解决方案 »

  1.   

    http://www.w3school.com.cn/jquery/event_bind.asp
    使用bind绑定多个事件
      

  2.   


    哥哥啊你自己引入一个jQuery文件啊或者把下面这句粘贴里面
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js" type="text/javascript"></script>
      

  3.   

    我把两个script都放到一个引用文件里行吗
      

  4.   

    <!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="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了！！！把帖子结了就行了……
      

  5.   

    var css = [{},{},{}]
    $('div').css(css[i])