: HOME; BBS

深山帮帮欢迎您，您可以注册或者登录: qq登录只需一步，快速开始

本站导航

深山旅行社网站管理系统开发完成，欢迎各位网友测试! 点这里测试

565449214　给站长留言

订阅本栏目 RSS您所在的位置：深山工作室 > 页面特效 > 正文

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

网络　2008-6-1 21:09:01　admin　字体：大中小　浏览 6988　我要评论

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

加入收藏: 打印本页

当前标签：loading 等待特效页面

前一页：极酷的,漂亮的页面loading等待页面特效

后一页：利用window.open函数控制弹出窗口,设置个性的弹出窗口

Ads loading...

相关阅读: ( 2010-7-2 13:05:11 )div+css黑色焦点图(幻灯片效果非常不错); ( 2009-9-4 8:31:08 )超级实用且不花哨的js代码大全( 7 ); ( 2009-9-4 8:14:31 )一个效果非常不错图片载入loading等待效果; ( 2009-5-6 21:09:21 )JS操作Cookie记录; ( 2009-4-27 20:46:16 )漂亮的页面loading等待页面特效(3); ( 2009-4-16 20:25:37 )用Javascript仿flash焦点图片效果支持IE与火狐; ( 2009-4-7 22:41:00 )FLASH中加入LOADING的最简便方法; ( 2009-2-24 21:00:59 )ASP和AJAX应用一例,检测注册用户是否有效

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

正在加载评论……

返回顶部发表评论

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

深山工作室网友评论声明，请自觉遵守互联网相关政策法规。

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

Ads loading...

更多信息>>栏目类别选择: rss学习; 个人空间; 网站设计; 网站公告; 下载; photoshop学习; ASP学习; DIV+CSS学习; SEO搜索引擎忧化; java学习; HTML学习; 网站信息; 网站类信息

更多>>同类信息: 做在线客服时，聊天窗口的div滚动条始终在底部; javascript编写的网页版的打字测试程序; JS+CSS实现图片放大预览效果(购物时放在产品上面预览图片); 支持火狐,IE6.ie7.ie8.ie9的加入收藏/设为首页代码; javascript在a标签中的一些操作; javascript自动获取Tags关键字; javascript自动获取Tags关键字; 按钮复制文章URL和复制保留文章的版权

Ads loading...

更多>>最新添加文章: asp中Request.ServerVariables能获取的信息整理总结; 利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器; sql语句中怎么按照in语句里的id原有的顺序进行排序输出; 通过设置iis的进程池让网站的并发数，性能提升几个档次; asp通过多次获得来取得用户的真实IP; 通过XMLHTTP检查网站能否打开; asp利用sina提供的ip库端口来获得当前IP所有的地区，所在国，所在省，所在市，在线解析json; 利用aspJpeg组件生成多图片水印组合时给加上透明水印图片

业务 QQ：565449214
手机：139 6134 7334

更多>>随机抽取信息: ASP.NET常用的三十三种实用代码(下); 在网页添加创建快捷方式的按钮; 一个美化了的alert效果，非常不错。; 网页页面变灰，网页变成黑白色; 以前的QQ强聊不管了，这个是非常管用的QQ强聊; 另类的title提示文字; JAVA得到网卡物理地址(Windows和Linux); 这个超级强的div+css图片大小自适应

Ads loading...

免责声明：本站所有资料信息，有部分为本人原创，部分为从网络收集而来，仅供网友查看阅读所用，所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系，经确认后我们会立即移除相关内容或链接
版权所有：深山工作室 http://www.qwbm.com ICP备案：苏ICP备15019627号-2
如果您对我们的服务有任何意见或建议，请惠赐E-mail至:565449214@qq.com
建议使用IE5.0以上浏览器、1024*768观看服务QQ：565449214 手机：139 6134 7334