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

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

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

极酷的,漂亮的页面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等待页面特效

相关阅读: 网站页面重新构写,正在验证其它浏览器; uni.openLocation打开地图导航没反应解决方式（参数都设置对就是打不开）; 获取客户真实IP地址; FLASH中加入LOADING的最简便方法; asp日历代码; 了解CSS中em单位和px单位的区别; 在未知图片的宽度与高度时利用div+css将图片居中; 可以用作后台的超级强的变色表格

共有0条关于《极酷的,漂亮的页面loading等待页面特效(2)》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery下拉到某个固定位置然后某些元素发生改变样式状态; canvas绘制的文字如何换行; 兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）; js兼容多个浏览器右下角漂浮广告; 兼容ie6+和火狐的禁止右键; 做在线客服时，聊天窗口的div滚动条始终在底部

更多>>最新添加文章: 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗; aliyun阿里云续费域名优惠口令(注册、续费都可以使用); windows7环境下安装配置jdk; python对微信操作要用到这两个库wxpy与itchat; ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明; DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: 有利于搜索引擎的一些常用的CSS命名规则; javascri获取页面实际高度; IE6.0, IE7.0和FireFox浏览器css样式兼容; asp中最难发现的错误由最简单的程序引起; Div+CSS布局应该注重语义、注重代码的重用性; 另类的误删资料恢复,不使用任何软件恢复你误删除的资料

更多标签热门标签

缓冲 javascri 位置移动混合标签 dl 变化布局读取关键词对象验证码显示 float css 透明 access 高亮 ie5.5 文字 txt 数字命名 imprt 色彩页面分页 open 简易技巧 letter-spacing javascript 添加缓存颜色倒计时像素 DW 方法改变保护眼睛的电脑色跳转滚动字节数理想详解物理右键失效 select 购物