PDA

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(); // برای نمایش دادن