我使用JQuery給一段文本加上滑鼠移上去字型變大效果。順利完成。
$(".TreeView1_0").mouseover(function(){ $(this).addClass("moveInNode"); }); $(".TreeView1_0").mouseout(function(){ $(this).removeClass("moveInNode");
});
我想在這個頁面上加個複選框，選中複選框的時候有這樣的效果，去掉複選框失去這種效果。
if($("#chbIsLarger").attr("checked")){
//上面的代碼
}
else{
$("#chbIsLarger").unbind("mouseover"); //這一句怎麼不起作用？？？？？？
}
這個頁面的所有代碼：
<html> <head> <style type="text/css"> .moveInNode { font-size:x-large; } .clearMoveInNode { font-size:medium; } </style> <script type="text/javascript" src="jquery-1.4.1.js"></script> <script type="text/javascript"> function clickCheckbox() { isLarger(); } function isLarger(){ if($("#chbIsLarger").attr("checked")){ $(".TreeView1_0").mouseover(function(){ $(this).addClass("moveInNode"); }); $(".TreeView1_0").mouseout(function(){ $(this).removeClass("moveInNode"); }); } else{ $("#chbIsLarger").unbind("mouseover"); } } </script> </head> <body> <input id="chbIsLarger" type="checkbox" onclick ="return clickCheckbox()" /> <br /> <br /> <br /> <div class="TreeView1_0">請把滑鼠指針移動到這個段落上。</div> </body>
</html>
轉載于:https://www.cnblogs.com/youngshop/archive/2011/05/11/2043305.html
![主流浏覽器四大綜合性能測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)