首页
韩国资源
酷站加油
我的展厅
设计名站
古典元素
推荐下载
设计欣赏
每周专访
招募精英
人才专区
网页教程
平面设计
编程开发
设计竞赛
当前位置:
首页
>
网页教程
>
HTMLCSS教程
> 正文
输入您的搜索字词
提交搜索表单
主页载入过度效果一
来源:网页设计师联盟
2006年05月31日 12:51
网友评论:0条
点击:
把如下代码复制到<body></body>之间
<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.butong.net/"; } else { setSB(v, el, infor, " "); window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 20); } } //--> </script> <script language=javaScript> <!-- document.oncontextmenu=new Function("event.returnValue=false;"); document.onselectstart=new Function("event.returnValue=false;"); // --> </script> <META content="MSHTML 5.00.2614.3500" name=GENERATOR> <P> </P> <P> </P> <P align="center"><font color="#00FF00">正在载入◇网页特效库◇页面!请稍等………</font></P> <!-- Status Bar Starts --> <DIV align=center> <DIV id=sb style="BACKGROUND: #00cc00; BORDER-BOTTOM: #00cc00 1px solid; BORDER-LEFT: medium none; BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 1px solid; HEIGHT: 14px; TEXT-ALIGN: left; WIDTH: 400px"> <DIV id=sbChild1 style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); HEIGHT: 12px; OVERFLOW: hidden; POSITION: absolute; WIDTH: 100%"> <DIV style="BACKGROUND: #0000cc; WIDTH: 100%" ;height:12px; overflow: hidden></DIV></DIV> <DIV style="COLOR: white; FONT-FAMILY: arial; FONT-SIZE: 10px; HEIGHT: 14px; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 400px"></DIV></DIV><!-- Status Bar Ends --> <P></P> <DIV id=infor style="COLOR: #66ff66; FONT-FAMILY: arial; FONT-SIZE: 11px; HEIGHT: 14px; POSITION: relative; TEXT-ALIGN: center; WIDTH: 100%"></DIV> </DIV>
把如下代码复制到<head></head>之间
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=3)"> <SCRIPT language=Javascript> function hover(id,wert) { if(document.all) document.all[id].filters.alpha.opacity = wert; } </SCRIPT> <SCRIPT> <!-- function openIT(url,wtit,wna,w,h) { theURL=url wname = wna W=600; H=300; windowREALtit = "网页特效库" windowTIT = "<font style=\"font-size:12px;color:#66ff66;font-family:Verdana\">-------------------------| "+wtit+" |--------------------------</font>" windowBORDERCOLOR = "#66ff66" windowBORDERCOLORsel = "#111111" windowTITBGCOLOR = "#109900" windowTITBGCOLORsel = "#FFFFFF" openchromeless(theURL, wname, W, H, windowCERRARa, windowCERRARd, windowCERRARo, windowNONEgrf, windowCLOCK, windowTIT, windowREALtit , windowBORDERCOLOR, windowBORDERCOLORsel, windowTITBGCOLOR, windowTITBGCOLORsel)} function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v3.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </SCRIPT>
修改<body>标签为
上一篇:
主页载入过度效果二
下一篇:
闪烁变色的滚动条
【
收藏此页
】【
打印
】【
关闭
】
相关文章
我要点评
免责声明
:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求
:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。
关于我们
|
在线反馈
|
广告报价
|
友情链接
|
联系我们
|
免责声明
|
在线投稿
|
网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve
【找网页设计师,当然上网页设计师联盟】