View Full Version : نمایش نرم Div
leontry89
یک شنبه 21 مهر 1392, 17:52 عصر
قسمتی از سایت من یه لودینگی داره که یک دایوه (Ajax)
حالا می خوام یه مدتی برای این دایو بنویسم که به شکل نرم اجرا بشه و بسته بشه (تو خود دایو بتونم بنویسم بهتره)
Javidhb
یک شنبه 21 مهر 1392, 19:59 عصر
یه راه راحتش استفاده از jQueryUi هست: http://jqueryui.com/toggle/
با خود jQuery:
1. استفاده از delay (http://api.jquery.com/delay/)و fadeIn (http://api.jquery.com/fadeIn/)و fadeOut (http://api.jquery.com/fadeOut/)(این جالبتر میشه)
2. استفاده از show (http://api.jquery.com/show/)و hide (http://api.jquery.com/hide/)به این صورت:(برای show هم به همین شکل میتونید بنویسید)
$('div').hide(5000);// = 5 ثانیه
3. استفاده از setTimeout (http://www.w3schools.com/jsref/met_win_settimeout.asp)و hide کردن المنت بعد از یه زمان خاص
leontry89
یک شنبه 21 مهر 1392, 20:18 عصر
بجای
dinamic.
چی بذارم
باید id تگ div رو بذارم؟
leontry89
یک شنبه 21 مهر 1392, 20:28 عصر
من میخوام وقتی div مورد نظر نمایش داده شد اروم بیاد و اروم بره
نمیدونم تو چه رویدادی باید باشه
Javidhb
یک شنبه 21 مهر 1392, 21:07 عصر
بجای
dinamic.
چی بذارم
باید id تگ div رو بذارم؟
اون کد رو کپی کردم... حواسم نبود پاکش کنم..
آره بجاش باید از id# استفاده کنی
من میخوام وقتی div مورد نظر نمایش داده شد اروم بیاد و اروم بره
نمیدونم تو چه رویدادی باید باشه
تو اون پست بالا، شماره یک رو نیگا کن... مثالهای توی لینکهاشون رو ببین.. راحته.
برای نمایش مثلا همچین چیزی میشه:
$('#divId').delay(1000).fadeIn(); // برای نمایش دادن
vBulletin® v4.2.5, Copyright ©2000-1403, Jelsoft Enterprises Ltd.