www.精品国产,国产一级视频在线,久久精品中文

極酷的,漂亮的頁面loading等待頁面特效(2)

網絡 2008/6/1 21:09:01 admin 字體:大中小瀏覽 9965

極酷的,漂亮的頁面loading等待頁面特效(2)

以下為詳細代碼

本特效共分三步：

1.在<head></head>中加入：
<SCRIPT type=text/javascript>
<!--
var ie5 = (document.all && document.getElementsByTagName);
var step = 0;
function setSB(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
filterEl = el.children[0];
valueEl = el.children[1];

if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = ""; 
filterEl.style.filter = filterBackup;
}

filterEl.style.width = v + "%";
valueEl.innerText = v + "%";
inforEl.innerText = message;
}
}
function setSBByStep(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
step = step + v;
filterEl = el.children[0];
valueEl = el.children[1];

if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}

filterEl.style.width = step + "%";
valueEl.innerText = step + "%"
inforEl.innerText = message;
}
}

function fakeProgress(v, el) {
if (v >= 101)
location.href="http://www.cmrd4.cn";
else {
setSB(v, el, infor, "歡迎光臨 http://www.cmrd4.cn 網頁特效，頁面載入中，請稍等！");
window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 150);
}
}

//-->
</SCRIPT>

2.在<body>中加入：onload=fakeProgress(0,sb)
  <BODY onload=fakeProgress(0,sb)>

3.在<body></body>中加入：
<DIV align=center>
<DIV id=sb 
style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #99ccff; BORDER-LEFT: medium none; WIDTH: 400px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 14px; TEXT-ALIGN: left">
<DIV id=sbChild1 
style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 12px">
<DIV style="BACKGROUND: #000000; WIDTH: 100%" ;height:12px; overflow: 
hidden></DIV></DIV>
<DIV 
style="FONT-SIZE: 10px; WIDTH: 400px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV>
<P></P>
<DIV id=infor 
style="FONT-SIZE: 11px; WIDTH: 100%; COLOR: #999999; FONT-FAMILY: arial; POSITION: relative; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV>

前一頁:利用window.open函數控制彈出窗口,設置個性的彈出窗口

后一頁:極酷的,漂亮的頁面loading等待頁面特效

相關閱讀: 一個利用純java做的非常漂亮的頁面背景花瓣效果; CSS編寫過程中常見的10個錯誤以及解決方法; 消聲器; 全部功能介紹; 在圖片未知尺寸情況下，利用CSS把圖片垂直居中于div中心; 詳解VBScript里的對象正則表達式功能介紹; 江蘇綠葉國際旅行社; web2.0 div+css 設計中一些標準化學習指南

共有0條關于《極酷的,漂亮的頁面loading等待頁面特效(2)》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery下拉到某個固定位置然后某些元素發生改變樣式狀態; canvas繪制的文字如何換行; 兼容pc、移動端用js實現復制內容到剪切板（支持蘋果safari瀏覽器）; js兼容多個瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時，聊天窗口的div滾動條始終在底部

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 利用java控制圖片的大小; ASP漢字圖片驗證碼; CSS選擇符詳解; 北京順義阿來電腦科技有限公司; 一個更加高級的CSS菜單,絕對實用,超強的; 深山行者留言系統V3.1

更多標簽熱門標簽

偽類論壇容器寬固定調色半透明預覽 max 萬年歷 png24 首字母憂化 png 字母 weatherxml 柱狀圖圖片上傳破解 access tag font-size 留言 base 小旋風設計事務特效緩存計劃 relative 物理下劃線移動 DIV+CSS做的透明菜單兼容IE、FF等 word-spacing strong 設置增大 textarea 命名關鍵字焦點 script 企業 loading hack 網頁 jpg 文件

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

極酷的,漂亮的頁面loading等待頁面特效(2)