[jQuery] آموزش ایجاد افکت Fade-in برای لود انجمن

[Hi.joker]

سلام
با استفاده از این آموزش شما می تونید وقتی انجمنتون میخواد لود بشه با یه افکت Fade-in جی کوئری بالا بیاد
خب برای اینکار به قسمت headerinclude در بخش قالب های گروه بندی نشده قالبتون برید .
تگ زیر رو پیدا کنید :

کد php:

{$stylesheets} 


این رو قبلش اضافه کنید :

کد:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

حالا ذخیره کنید .
حالا به header قالبتون برید :
کد زیر رو بالای همه کدهای موجود قرار بدید :

کد:

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
    jQuery("#content").fadeIn(2000);
});
</script>

حالا کد زیر رو پیدا کنید :

کد:

<div id="content">

و به این تغییرش بدید :

کد:

<div id="content" style="display:none;">

حالا ذخیره کنید .
کار تمومه و می تونید انجمنتون رو یه بار لود کنید و این افکت رو مشاهده کنید .

توجه : عدد 2000 در اسکریپت میزان سرعت لود رو مشخص می کنه که هر چی کمتر بشه لود سریعتر و بالعکس

موفق باشید

[emir.yanliz]

یه نمونه ای میذاشتی خوب نیود؟

[jan123]

درود
نمونه:
http://jsfiddle.net/qcg2W