DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jquery的loading效果實現代碼
基於jquery的loading效果實現代碼
編輯:JQuery特效代碼     
在代碼<head></head>裡加入以下代碼:

<script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(window).load(function(){$("#loading").hide();})</script>
在裡<body></body>加入以下代碼:

<div id="loading">Loading content, please wait..<img src="loading.gif" alt="loading.." /></div>
在裡的這代碼必須保證在網頁載入的最前面。

接著是css代碼:

#loading{position:absolute;width:300px;top:0px;left:50%;margin-left:-150px;text-align:center;padding:7px 0 0 0;font:bold 11px Arial, Helvetica, sans-serif;}
一個基於jquery的loading效果就完成咯。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved