چطور می توانم با jquery وقتی موس روی این نوشته میرود به اندازه مربع کوچک شود؟

[zahra-j]

سلام
چطور می توانم با jquery وقتی موس روی این نوشته میرود به اندازه مربع قرمز کوچک شود و فقط مربع دیده شود؟


125978

[ashkufaraz]

نمی دونم درست متوجه سوال شدم یا نه@
یه نگاه به این بندازhttp://jsfiddle.net/na5bpLps/

$('img').mouseover(function(){
$(this).css("width","40px");
$(this).css("height","40px");
});
$('img').mouseleave(function(){
$(this).css("width","100%");
$(this).css("height","100%");

});

[zahra-j]

می خواهم وقتی از لحاظ عرضی کوچک شد مربع باقی بماند

ابتدا

125983

انتها

125984
یه جورایی متن جمع شود وسط زیر این مربع.

[ashkufaraz]

http://jsfiddle.net/85catLny/1/
اینو نگاه کن فکر کنم جواب میده

[zahra-j]

http://jsfiddle.net/85catLny/1/
اینو نگاه کن فکر کنم جواب میده

ممنونم
اگه بخواهم این کار با تاخیر انجام شود زمان را کجا اضافه کنم

[ashkufaraz]

با تاخیر یعنی چی؟

[پیام حیاتی]

تاخیر ، delay
http://www.w3schools.com/jquery/eff_delay.asp

[ashkufaraz]

خیلی ممون از لینک مفیدی که گذاشتید و مفهوم delay را به من یاد دادید!!!!!
منظورتون از با تاخیر چیه؟ یعنی وقتی موس روی عکس قرار گرفت چند ثانیه مکس اتفاق بیافته بعد تبدیل به حرف a بشه؟
یا منظورتون اینکه به صورت افکت و انمیشن تبدیل بشه؟

[zahra-j]

خیلی ممون از لینک مفیدی که گذاشتید و مفهوم delay را به من یاد دادید!!!!!
منظورتون از با تاخیر چیه؟ یعنی وقتی موس روی عکس قرار گرفت چند ثانیه مکس اتفاق بیافته بعد تبدیل به حرف a بشه؟
یا منظورتون اینکه به صورت افکت و انمیشن تبدیل بشه؟

تابع delay را گذاشته بودم ولی کار نکرد منظورم اینه که به صورت افکت وانمیشن باشه این روند کوچک شدن با تاخیر انجام شود.

[پیام حیاتی]

خیلی ممون از لینک مفیدی که گذاشتید و مفهوم delay را به من یاد دادید!!!!!
مخاطب من شما نبودید.

[پیام حیاتی]

تابع delay را گذاشته بودم ولی کار نکرد منظورم اینه که به صورت افکت وانمیشن باشه این روند کوچک شدن با تاخیر انجام شود.
http://www.w3schools.com/jquery/jquery_animate.asp