toggle事件当鼠标点击所监听的内容时轮流按顺序执行toggle中定义的方法直到最后一个为止

来源:互联网 发布:网络推广的渠道 编辑:程序博客网 时间:2024/06/06 02:07

上面对hover事件进行了练习,他是对鼠标的移进和移出做不同的响应。而toggle则是对鼠标的每一次点击做不同的响应,直到方法执行完为止。

toggle定义的执行方法

$("监听的ID").toggle(

function(){

方法体1;

}

function(){

方法体2;

}

function(){

方法体3;

}

);

eg:

 <head>
 </head>
 <script type="text/javascript" src="jquery.js"></script>
 <style type="text/css">
   .t1{
     color:red;
     background-color: blue;
    }
   .t2{
     color:blue;
     background-color:red;
    }
 </style>
 <script type="text/javascript">
  $(function(){
   $("#test").toggle(
     function(){
     $("#test").addClass("t1"); 
     },
     function(){
      $("#test").addClass("t2");
     }
   );
  });
  
 </script>
 <body>
  <input type="button" id="test" value="点击">
 </body>
</html>

0 0
原创粉丝点击