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

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

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

极酷的,漂亮的页面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-app开发的微信小程序在线支付; 解决手机端微信浏览器中视频自动播放和默认全屏问题; 介绍JavaScript里比较和逻辑运算符; 微信小程序发送给朋友与分享到朋友圈显示灰色的但是按钮分享可以使用; 郑州廿四旅游; 增大、缩小、还原字体; blog式日历控件

共有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文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: 盐城市航空假日旅行社有限公司; jQuery设置提交表单disabled属性所有input、button、extarea、select、checkbox、radio都生效; 中国大宗资产交易网; 利用ASP正则提取文章里面的图片的有效的src地址; JS获取网页中HTML元素的几种方法; 一个美化了的alert效果，非常不错。

更多标签热门标签

163 filter 访问量 FlashFxp 键盘 div的高度硬件断线样式 innerHTML 渐变游览器 vista 教程例子物理淘宝时钟 confirm 列表柱状购物绝对定位目标防止字符滤镜网页结果多选框 ajax tags DW 表达 openwin 经典判断指向自适应绿色滚动条事务常用等高 XMLHTTP 告表单省市渐隐高度