PDA

View Full Version : کارنکردن animate در جی کوئری



Morteza.B
دوشنبه 07 شهریور 1390, 18:58 عصر
سلام برو بچ برنامه نویس
من یه مشکلی دارم
منی یه عکس دارم که وقتی موس روش بره با افکت fadeInبا یه عکس بزرگتر دیگه عوض بشه و با رفتن موس fadeOutعکس قبلی بیاد

من این کارو کردم ولی وقتی موس میره روش انجام میگیره ولی با این تفاوت که بعد از بین رفتن دو باره میاد و چون دوباره موس روش هست دوباره میره و بصورت چشمک زن در اومده
کدهاش رو میذاره تا متوجه بشین و کمکم کنین.

jquery

$(document).ready(function(){
$("#pics").mouseover(function(){
$(this).fadeOut('1000');
});
});

$(document).ready(function(){
$("#pics").mouseout(function(){
$(this).fadeIn('1000');
});
});




css

#pics{
width:69px;
height:69px;
background:url(image/pics.png) no-repeat ;
margin-top:120px;
margin-left:288px;
position:absolute;
float:left;
}



ممنون

masoud.pezeshkzade
چهارشنبه 09 شهریور 1390, 23:00 عصر
چرا دوبار از document.ready استفاده کردید؟
شما به این صورت بنویسید ببینید جواب میگیرید:


$(document).ready(function(){
$("#pics").hover(function(){

$(this).fadeOut('1000');

},
function(){
$(this).fadeIn('1000');

});

});

Morteza.B
چهارشنبه 09 شهریور 1390, 23:37 عصر
نشد باز هم حالت چشمک زدن داره....

binboy
شنبه 12 شهریور 1390, 13:44 عصر
کدهاتون رو تو سایت زیر قرار بدین تا بررسی بشه:
http://jsfiddle.net/