Jquery——hover与toggle
浏览数：39 /
时间：2015年06月09日
hover方法的语法结构为：hover（enter，leave）
hover()当鼠标移动到元素上时，会触发第一个方法，当鼠标移开的时候会触发第二个方法复制代码<html> <head> <title>测试用</title> <script type="text/javascript" src="../jquery-1.3.2.min.js"></script> <script type="text/javascript"> window.onload=init; function init(){ $("#panel h5.head").hover(function(){ $(this).next().hide(); },function(){ $(this).next("div .content").show(); }); } </script> </head> <body> <div id="panel"> <h5 class="head">什么事jquery</h5> <div class="content"> 混蛋 </div> </div> </body></html>复制代码toggle(fn1,fn2,fn3..）这个方法是每次单击调用下一个方法，如果方法是最后一个，那么从第一个开始如果只有2个方法，则是互相切换效果。复制代码<html> <head> <title>测试用</title> <script type="text/javascript" src="../jquery-1.3.2.min.js"></script> <script type="text/javascript"> window.onload=init; function init(){ $("#panel h5.head").toggle(function(){ $(this).addClass("highlight"); $(this).next().hide(); },function(){ $(this).removeClass("highlight"); $(this).next("div .content").show(); }); } </script> <style type="text/css"> .highlight{ background:#ff3300; } </style> </head> <body> <div id="panel"> <h5 class="head">什么事jquery</h5> <div class="content"> 混蛋 </div> </div> </body></html>郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
