好学若饥 - 让我们共同前行!

好学网



当前位置: 好学网首页 > IT教育 > 网页设计 >

HTML网页实例代码:简洁漂亮的跳转等待页面

时间:2010-09-25 14:34来源: 作者: 点击:
HTML网页实例代码:简洁漂亮的跳转等待页面,Web开发过程中由于种种原因可能经常会遇到需要跳转的页面,今天给大家推荐一个简洁漂亮的跳转等待页面,帮站长提高网站的用户体验。

网页制作Webjx文章简介:Web开发过程中由于种种原因可能经常会遇到需要跳转的页面,今天给大家推荐一个简洁漂亮的跳转等待页面,帮站长提高网站的用户体验。

Web开发过程中由于种种原因可能经常会遇到需要跳转的页面,今天给大家推荐一个简洁漂亮的跳转等待页面,帮站长提高网站的用户体验。

只要将以下代码中红色部分修改为需要跳转的URL即可。

<HTML><HEAD><TITLE网页教学网 www.webjx.com:</TITLE>
<link href=/favicon.ico rel=shortcut icon>
<META content=texhtml; charset=gb2312 http-equiv=Content-Type>
<META NAME=author CONTENT=网页教学网>
<META NAME=keywords CONTENT=网页教学网>
<STYLE type=texcss>TD {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
FORM {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
SELECT {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
INPUT {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
TEXTAREA {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
BODY {
FONT-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: 2px; LINE-HEIGHT: 150%; font-color: #000000
}
A:link {
COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none
}
A:visited {
COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none
}
A:hover {
COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none
}
A:active {
COLOR: #666666; FONT-SIZE: 10.5pt; TEXT-DECORATION: none
}
</STYLE>
<SCRIPT language=JavaScript>
var url = \'http://www.webjx.com/\';
</SCRIPT>
<META content=Microsoft FrontPage 4.0 name=GENERATOR>
<STYLE>.proccess {
BACKGROUND: #ffffff; BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; HEIGHT: 8px; MARGIN: 3px; WIDTH: 8px
}
</STYLE>
</HEAD>
<BODY onload=location.href = url;
style=OVERFLOW: hidden; OVERFLOW-Y: hidden>
<DIV align=center>
<TABLE align=center height=70% valign=middle>
<TBODY>
<TR>
<TD align=middle><p></p>

<!-- Displaytext-->
:: www.chinaz.com :: is now loading...
<P></P>
<FONT class=fontbig> <img src=http://www.webjx.com/images/logo.gif />网页教学网 载入ing.....
<!--End Displaytext-->
<P></P>
<P></P>
<P></P>
<P></P>
<DIV align=center>
<FORM method=post name=proccess>
<SCRIPT language=javascript>
for(i=0;i<30;i++)document.write(<input class=proccess>)
</SCRIPT>
</FORM>
</DIV>
</font></TD>
</TR></TBODY></TABLE>
<DIV align=center>
<SCRIPT language=JavaScript><!--
var p=0,j=0;
var c=new Array(lightskyblue,white)
setInterval(\'proccess;\',100)
function proccess{
document.forms.proccess.elements[p].style.background=c[j];
p+=1;
if(p==30){p=0;j=1-j;}}
--></SCRIPT>
</DIV></DIV>
<DIV align=center>
<SCRIPT>
<!--
if (document.layers)
document.write(\'<Layer src=\' + url + \' VISIBILITY=hide> </Layer>\');
else if (document.all || document.getElementById)
document.write(\'<iframe src=\' + url + \' style=visibility: hidden;></iframe>\');
else location.href = url;
//-->
</SCRIPT>
</DIV>
</BODY>
</HTML>
(责任编辑:haoxuee)

      学友请扫描下方二维码,或微信搜索公众号 haoxueecom 获取更多学习生活资讯!
     好学网微信公众号

赞一个
(0)
0%
嘘一下
(0)
0%
------分隔线----------------------------