0

آموزش كامل ساخت لودينگ براي وبلاگ يا سايت

 
amir136724
amir136724
کاربر نقره ای
تاریخ عضویت : آبان 1389 
تعداد پست ها : 780
محل سکونت : teharan

آموزش كامل ساخت لودينگ براي وبلاگ يا سايت

لودينگي كه امروز بهتون معرفی میکنم به اين شيوه كار ميكنه كه هنگامي که آدرس صفحه رو ميزنيد يه مستطيل مثل زير در بالاي صفحه مياد و هي پر ميكنه تا صفحه كاملا لود شه و بعد از لود شدن کاملا از روی صفحه محو میشه . ( مثل مال خودم )

 

صفحه در حال بارگذاري است!
لطفا کمي صبر کنيد
...

www.iroweb.com

 

 

 

خوب براي اين كار ابتدا كد زير رو در ابتداي قالب خوب بعد از تگ <Body> قرار دهيد :

 

مثل زير :

<body>
<script>var DHTML = (document.getElementById || document.all || document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function a ....

.....

بعد از اينكه كد بالا رو جايي كه گفتم گذاشتيد نوبت به گذاشتن كدي مي رسه كه بعد از لود صفحه ، لودينگ رو حذف كنه . لذا بايد اين كد رو در آخر كد قالبتون و قبل از تگ <html/> قرار دهيد :

 

مثل زير :

<SCRIPT>ap_showWaitMessage('waitDiv', 0)</SCRIPT>
</html>

 

خوب ديگه كار تموم ميشه . ولي چون ممكنه بعضي ها از شكل نوار لودينگ خوششون نياد من چند تا شكل براتون زير ميزارم كه هركدوم رو دوست داشتيد استفاده كنيد :

 

رديف

شكل

آدرس

1

http://www.iroweb.com/Photo/90b.gif

2

http://www.iroweb.com/Photo/90c.gif

3

http://www.iroweb.com/Photo/90d.gif

4

http://www.iroweb.com/Photo/90e.gif

5

http://www.iroweb.com/Photo/90f.gif

6

http://www.iroweb.com/Photo/90g.gif

7

http://www.iroweb.com/Photo/90h.gif

8

http://www.iroweb.com/Photo/90i.gif

9

http://www.iroweb.com/Photo/90j.gif

10

http://www.iroweb.com/Photo/90k.gif

 


 

یک شنبه 23 آبان 1389  4:26 PM
تشکرات از این پست
دسترسی سریع به انجمن ها