سلام
تو این کد وقتی کاربر موس رو n بار mouseover/out تمام event ها صف میشن و به تعداد n واقعه fadeIn/Out اتفاق میوفته. چطور میشه این صف رو حذف کرد، یعنی فقط آخرین event در نظر گرفته بشه.
تو این کد وقتی کاربر موس رو n بار mouseover/out تمام event ها صف میشن و به تعداد n واقعه fadeIn/Out اتفاق میوفته. چطور میشه این صف رو حذف کرد، یعنی فقط آخرین event در نظر گرفته بشه.
کد:
<html>
<head>
<title></title>
</head>
<SCRIPT language="Javascript" type="text/javascript" src="jquery.js"></SCRIPT>
<script type="text/javascript">
$(document).ready( function() {
$(".content1").mouseover( function() {
$(this).fadeTo("slow", 0.6);
});
$(".content1").mouseout( function() {
$(this).fadeTo("slow", 1);
});
})
</script>
<body>
<div class='content1' style="background-color:#666; width:200px; height:200px; margin:20px;">test</div>
<div class='content1' style="background-color:#666; width:200px; height:200px; margin:20px;">test</div>
<div class='content1' style="background-color:#666; width:200px; height:200px; margin:20px;">test</div>
</body>
</html>