极酷的,漂亮的页面loading等待页面特效(2) -- [页面特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

极酷的,漂亮的页面loading等待页面特效(2)

网络 2008/6/1 21:09:01 admin 字体:大中小浏览 10192

极酷的,漂亮的页面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.qwbm.com";
else {
setSB(v, el, infor, "欢迎光临 http://www.qwbm.com 网页特效，页面载入中，请稍等！");
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等待页面特效

相关阅读: 网页制作,改变你的思维方; httpd.ini中的RewriteRule、RewriteCond规则了解以有二级域名解析实例; Dreamweaver在onLoad运行_onOpen.htm时,发生了以下javascript错误; 松原市海航商务旅行社; 利用position属性把层永远定位于页面中部; 防网页机器人随处发帖; chrome谷歌浏览器中的谷歌翻译有问题一键修复处理; uni-app实现tab选项卡

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: 名扬石化; 利用position把div放在flash上; 连云港五洲旅行社有限公司; 中国签证行业领导者--亿诚出国签证网; asp简易论坛教程(一)——简易论坛系统制作说明图; 深山留言板系统(七夕情人节专用) v3.7

更多标签热门标签

javascript 绝对管用的iis安装包下载分页垂直加密上一页正则调色告 CSS规范 overflow 265 txt 对联加长禁止文字垂直 flash 透明混合命名过滤 pt 自动隐藏调节 sel 框二级文字样式省略 submit 数据导航手屏幕文字垂直居中 div CSS IP 透明适应图片上传 loading 像素失效后台 web 做标 Request 首页倒计时断线设置