·
网页特效库
·
网页工具库
背景按钮
导航特效
图片特效
文本特效
时间特效
状态特效
另类特效
网页制作
网站首页
< 后退
|
收藏网页特效库
推荐网页特效
购物网站的导航效果,推荐!
向上下左右滚动图片的特效
超级变态广告代码
设为首页
加入收藏夹
防止选择和复制
新浪博客的提示窗口,推荐!
推荐网页工具
在线html编辑器
在线CSS编辑器
滚动条颜色生成器
弹出窗口生成器
网页加密解密工具
汉字转换成拼音工具
文本繁简体转换工具
您的位置:
网页特效库
>>
另类网页特效
>> 主页载入过度效果一
查看此特效演示
主页载入过度效果一
把如下代码复制到<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>与</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>
修改<body>标签为
使用说明:代码中"location.href"的值为你要打开的网页地址,"正在载入网页特效库页面!请稍等……"为页面载入时显示的文字,这些可自行更改。
上一个特效:
主页载入过度效果二
返回列表
下一个特效:
闪烁变色的滚动条
关于我们
|
联系本站
|
免责声明
|
版权声明
|
网站地图
|
友情链接
|
鄂ICP备05023174号
Copyright © 2008
www.butong.net
.All Rights Reserved.