آموزش كامل ساخت لودينگ براي وبلاگ يا سايت
یک شنبه 23 آبان 1389 4:26 PM
لودينگي كه امروز بهتون معرفی میکنم به اين شيوه كار ميكنه كه هنگامي که آدرس صفحه رو ميزنيد يه مستطيل مثل زير در بالاي صفحه مياد و هي پر ميكنه تا صفحه كاملا لود شه و بعد از لود شدن کاملا از روی صفحه محو میشه . ( مثل مال خودم )
|
صفحه در حال بارگذاري است!
|
خوب براي اين كار ابتدا كد زير رو در ابتداي قالب خوب بعد از تگ <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 |
