IE自带的网页过渡特效:
<meta http-equiv="Page-Enter" content="blendTrans(Duration=3.0)"> 混合
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=0)"> 盒状收缩
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=1)"> 盒状展开
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=2)"> 圆形收缩
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=3)"> 圆形放射
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=4)"> 向上擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=5)"> 向下擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=6)"> 向右擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=7)"> 向左擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=8)"> 垂直遮蔽
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=9)"> 水平遮蔽
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=10)"> 横向棋盘式
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=11)"> 纵向棋盘式
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=12)"> 随机溶解
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=13)"> 左右向中央缩进
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=14)"> 中央向左右扩展
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=15)"> 上下向中央缩进
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=16)"> 中央向上下扩展
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=17)"> 从左下抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=18)"> 从左上抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=19)"> 从右下抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=20)"> 从右上抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=21)"> 随机水平线条
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=22)"> 随机垂直线条
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=23)"> 随机
<meta http-equiv="Page-Enter" content="blendTrans(Duration=3.0)"> 混合
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=0)"> 盒状收缩
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=1)"> 盒状展开
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=2)"> 圆形收缩
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=3)"> 圆形放射
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=4)"> 向上擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=5)"> 向下擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=6)"> 向右擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=7)"> 向左擦除
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=8)"> 垂直遮蔽
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=9)"> 水平遮蔽
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=10)"> 横向棋盘式
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=11)"> 纵向棋盘式
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=12)"> 随机溶解
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=13)"> 左右向中央缩进
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=14)"> 中央向左右扩展
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=15)"> 上下向中央缩进
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=16)"> 中央向上下扩展
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=17)"> 从左下抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=18)"> 从左上抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=19)"> 从右下抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=20)"> 从右上抽出
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=21)"> 随机水平线条
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=22)"> 随机垂直线条
<meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=23)"> 随机
是显示新闻的部分
http://www.5f4h.com/
是特色特价酒店的部分
<!-- saved from url=(0030)http://www.stu.edu.cn/main.asp -->
<!--格式化日期的函数--><!--格式化日期的函数--><HTML><HEAD><TITLE>main</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK
href="main.files/style.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2800.1479" name=GENERATOR></HEAD>
<BODY topMargin=0 marginheight="0" marginwidth="0">
<TABLE class=text7 cellSpacing=0 cellPadding=0 width=658 align=center
border=0>
<TBODY>
<TR>
<TD height=23> </TD>
<TD> </TD>
<TD vAlign=top rowSpan=3> <DIV id=roll_layer2
style="OVERFLOW: hidden; WIDTH: 140px; HEIGHT: 150px"></DIV>
</TD>
</TR>
<TR>
<TD colSpan=2 height=4><IMG height=4 alt="" src="main.files/bank.gif"
width=1 border=0 name=bank></TD>
</TR>
<TR>
<TD vAlign=top align=right> </TD>
<TD> <DIV id=big_news style="DISPLAY: none">
<TABLE height=110 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=center height=5></TD>
</TR>
<TR>
<TD vAlign=center> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR>
<TD class=text7 width=55> </TD>
<TD class=text7> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="95%"
align=center border=0>
<TBODY>
<TR>
<TD><A
href="http://www.stu.edu.cn/shownews.asp?nid=1476"
target=_blank><FONT
color=#0066ff><B>韦钰院士指导医学院“做中学”工作</B></FONT></A></TD>
</TR>
<TR>
<TD height=30><A
href="http://www.stu.edu.cn/shownews.asp?nid=1476"
target=_blank>11月20日,在李嘉诚基金会顾问、汕头“做中学”项目总负责人罗敏洁博士及[2004-11-30]</A></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD class=text7 width=55> </TD>
<TD class=text7> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="95%"
align=center border=0>
<TBODY>
<TR>
<TD><A
href="http://www.stu.edu.cn/shownews.asp?nid=1475"
target=_blank><FONT
color=#0066ff><B>国务院学位办主任杨卫院士到医学院调研</B></FONT></A></TD>
</TR>
<TR>
<TD height=30><A
href="http://www.stu.edu.cn/shownews.asp?nid=1475"
target=_blank>11月21至22日,国务院学位办主任、教育部研究生司司长杨卫院士和国务院[2004-11-30]</A></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<TABLE height=110 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=center height=5></TD>
</TR>
<TR>
<TD vAlign=center> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR>
<TD class=text7 width=55> </TD>
<TD class=text7> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="95%"
align=center border=0>
<TBODY>
<TR>
<TD><A
href="http://www.stu.edu.cn/shownews.asp?nid=1474"
target=_blank><FONT color=#0066ff><B>美国加州柏克莱大学Professor
Robert T.Knight莅临汕头大学讲学</B></FONT></A></TD>
</TR>
<TR>
<TD height=30><A
href="http://www.stu.edu.cn/shownews.asp?nid=1474"
target=_blank>11月20日晚,美国加州柏克莱大学罗伯特•耐特教授(Prof[2004-11-30]</A></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD class=text7 width=55> </TD>
<TD class=text7> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="95%"
align=center border=0>
<TBODY>
<TR>
<TD><A
href="http://www.stu.edu.cn/shownews.asp?nid=1473"
target=_blank><FONT
color=#0066ff><B>白郎莹女士主讲“企业管治”之三</B></FONT></A></TD>
</TR>
<TR>
<TD height=30><A
href="http://www.stu.edu.cn/shownews.asp?nid=1473"
target=_blank>11月23日下午,法学院“企业管治”讲座系列之三邀请了亚洲可持续发展投资[2004-11-30]</A></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<DIV id=big_news style="DISPLAY: none">
<TABLE height=110 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=center height=5></TD>
</TR>
<TR>
<TD vAlign=center> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR>
<TD class=text7 width=55> </TD>
<TD class=text7> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="95%"
align=center border=0>
<TBODY>
<TR>
<TD><A
href="http://www.stu.edu.cn/shownews.asp?nid=1472"
target=_blank><FONT
color=#0066ff><B>医学院召开博士后研究人员课题进展报告会</B></FONT></A></TD>
</TR>
<TR>
<TD height=30><A
href="http://www.stu.edu.cn/shownews.asp?nid=1472"
target=_blank>近日,医学院召开2004年医学院基础医学博士后流动站博士后研究人员课题进[2004-11-30]</A></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD class=text7 width=55> </TD>
<TD class=text7> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="95%"
align=center border=0>
<TBODY>
<TR>
<TD><A
href="http://www.stu.edu.cn/shownews.asp?nid=1471"
target=_blank><FONT
color=#0066ff><B>贺艳老师谈“WTO反倾销法中的审查标准问题”</B></FONT></A></TD>
</TR>
<TR>
<TD height=30><A
href="http://www.stu.edu.cn/shownews.asp?nid=1471"
target=_blank>11月22日晚,西安交通大学的贺艳老师为法学院师生作了“WTO反倾销法中[2004-11-30]</A></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<TABLE height=110 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=center height=5></TD>
</TR>
<TR>
<TD vAlign=center> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR>
<TD class=text7 width=55> </TD>
<TD class=text7> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="95%"
align=center border=0>
<TBODY>
<TR>
<TD><A
href="http://www.stu.edu.cn/shownews.asp?nid=1470"
target=_blank><FONT
color=#0066ff><B>施武杰教授莅校作“数学学术报告”</B></FONT></A></TD>
</TR>
<TR>
<TD height=30><A
href="http://www.stu.edu.cn/shownews.asp?nid=1470"
target=_blank>11月26日,苏州大学数学系施武杰教授应邀莅校讲学,为理学院师生作了“数[2004-11-30]</A></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD class=text7 width=55> </TD>
<TD class=text7> <TABLE class=text7 cellSpacing=0 cellPadding=0 width="95%"
align=center border=0>
<TBODY>
<TR>
<TD><A
href="http://www.stu.edu.cn/shownews.asp?nid=1469"
target=_blank><FONT
color=#0066ff><B>李平副院长应邀参加日本2004年自治体国际交流合作研讨会</B></FONT></A></TD>
</TR>
<TR>
<TD height=30><A
href="http://www.stu.edu.cn/shownews.asp?nid=1469"
target=_blank>近日,法学院副院长李平应邀参加了2004年自治体国际交流合作研讨会,并在[2004-11-30]</A></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<DIV id=roll_layer1
style="OVERFLOW: hidden; WIDTH: 368px; HEIGHT: 120px"></DIV></TD>
</TR>
</TBODY>
</TABLE>
<SCRIPT language=JavaScript>
<!--
var speed1=20;
var offset1= 5;
var delay1=4500;var cur1 = 0;var roll_interval1;
var pasue_timeout1;
function roll1(){
now_pos1 = roll_layer1.scrollTop;
roll_layer1.scrollTop+=offset1;
if (now_pos1==roll_layer1.scrollTop){
pasue1('stop');
}
}
function stop_roll1(){
window.clearInterval(roll_interval1);
}
function start_roll1(){
roll_layer1.scrollTop = 0;
roll_interval1 = window.setInterval('roll1()',speed1);
}
function text_switch1(){
roll_layer1.innerHTML=big_news[cur1].innerHTML;
if (++cur1==big_news.length){
cur1=0;
}
roll_layer1.innerHTML+=big_news[cur1].innerHTML;
}
function pasue1(act){
if (act=='stop'){
stop_roll1();
pasue1('timeout');
}else if(act=='timeout'){
pasue_timeout1 = window.setTimeout("pasue1('switch');",delay1);
}else if(act=='switch'){
text_switch1();
start_roll1();
}
}
function start1(){
text_switch1();
cur1=0;
pasue1("timeout");
}
start1();
//-->
</SCRIPT>
</BODY></HTML>存到记事本后就可以看效果了
<!--
/*设置下面的参数。 设置scrollerwidth和scrollerheight参数,设置成滚动显示的图片中尺寸最大的。*/
var scrollerwidth=140
var scrollerheight=40
var scrollerbgcolor='white'
//每个图间暂停3秒。
var pausebetweenimages=3000
//边界下面的行,如果希望logo都是带连接的,只要加上<a>标签即可。
var slideimages=new Array()
slideimages[0]='<a href="index.htm"><img src="第一张图片.gif" border=0"></a>'
slideimages[1]='<a href="index1.htm"><img src="第二张图片.gif"></a>'
slideimages[2]='<a href="index2.htm"><img src="第三张图片.gif"></a>'
slideimages[3]='<a href="index3.htm"><img src="第四张图片.gif"></a>'
//尽管填加更多的。
//////以下不要修改////////////////
if (slideimages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}}
function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}}
window.onload=startscroll
//-->
</script> <ilayer id="main" width="&{scrollerwidth};" height="&{scrollerheight};" bgcolor="&{scrollerbgcolor};"> <layer id="first" left="0" top="1" width="&{scrollerwidth};"> <script
language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script> </layer> <layer id="second" left="0" top="0" width="&{scrollerwidth};" visibility="hide"> <script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script> </layer> </ilayer> </p>
<p><script language="JavaScript1.2">
<!--
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
//--></script>