页面转换特效的代码生成器

页面转换特效的代码生成器

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 页面转换特效的代码生成器 (http://www.webasp.net/javascript/1/398.htm)

-- 发布日期： 2005-06-07

<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR bgColor=#000000>
<TD> </TD>
<TD> </TD>
</TR></TBODY></TABLE>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR bgColor=#000000>
<TD width="100%">
<TABLE border=0 cellPadding=8 width="100%">
<TBODY>
<TR>
<TD bgColor=#000000>
<div align="center">
<SCRIPT>
function fadein(){
mytransition.innerHTML=''
if (cur!='x'){
mytransition.filters.revealTrans.Transition=cur
mytransition.filters.revealTrans.apply()
mytransition.innerHTML='<p align="center"><big><big><font face="Verdana">这里是效果预览窗</font></big></big></p><p align="center"><big><big><font face="Verdana">这是一个简单的例子</font></big></big></p>'
mytransition.filters.revealTrans.play()
}
else{
mytransition.filters.blendTrans.apply()
mytransition.innerHTML='<p align="center"><big><big><font face="Verdana">这是一个简单的例子</font></big></big></p><p align="center"><big><big><font face="Verdana">这是一个简单的例子</font></big></big></p>'
mytransition.filters.blendTrans.play()
}
}
</SCRIPT>
提示：先从左边选择一个效果，右边会出现预览</div>
</TD></TR>
<TR bgcolor="#000000">
<TD>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR>
<TD width="30%">
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR>
<TD bgColor=#000000
style="BORDER-BOTTOM: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid"
width="100%">
<div align="center"><STRONG><SMALL><FONT face=Verdana>选择转换式样</FONT></SMALL></STRONG></div>
</TD>
</TR>
<TR>
<TD width="100%"><STRONG><FONT face=Verdana><FONT
color=#008000>
<SCRIPT language=JavaScript1.2>

</SCRIPT>
</FONT>
<DIV onclick="changecolor('purple');doit()"
onmouseout="changecolor('green')"
onmouseover="changecolor('red')"
style="CURSOR: hand; HEIGHT: 280px; OVERFLOW: scroll"><FONT
color=#008000><SMALL
n="x">由浅至深</SMALL><BR>
<SMALL n="0">由上到下</SMALL> <BR>
<SMALL n="1">由下到上 </SMALL><BR>
<SMALL n="2">圆形收缩 </SMALL><BR>
<SMALL n="3">圆形发散</SMALL>  <BR>
<SMALL n="4">由下往上翻 </SMALL> <BR>
<SMALL
n="5">由上往下翻 </SMALL> <BR>
<SMALL n="6">由左向右翻</SMALL>  <BR>
<SMALL n="7">由右向左翻 </SMALL><BR>
<SMALL n="8">横向百叶窗 </SMALL> <BR>
<SMALL n="9">纵向百叶窗 </SMALL><BR>
<SMALL
n="10">横向交错</SMALL><BR>
<SMALL
n="11">纵向交错 </SMALL><BR>
<SMALL
n="12">溶解出现</SMALL> <BR>
<SMALL n="13">左右两边向内  </SMALL><BR>
<SMALL n="14">中间向左右</SMALL><BR>
<SMALL n="15">上下两边向内</SMALL><BR>
<SMALL n="16">中间向上下</SMALL><BR>
<SMALL n="17">左斜向下</SMALL><BR>
<SMALL n="18">左斜向上</SMALL><BR>
<SMALL n="19">右斜向下 </SMALL><BR>
<SMALL n="20">右斜向上</SMALL><BR>
<SMALL n="21">横向抽丝</SMALL> <BR>
<SMALL n="22">纵向抽丝</SMALL><BR>
<SMALL n="23">随机</SMALL></FONT></DIV>
</FONT></STRONG></TD></TR></TBODY></TABLE></TD>
<TD align=left vAlign=top width="70%">
<DIV id=mytransition
style="BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(duration=3,transition=0) blendTrans(duration=3); HEIGHT: 100%; WIDTH: 100%"></DIV></TD></TR>
<TR>
<TD width="30%">
<SCRIPT language=JavaScript1.2>
function applyit(){
var temp;
if (cur!="x")
temp='<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition='+cur+')">'
else
temp='<meta http-equiv="Page-Enter" content="blendTrans(Duration=4.0)">'
js_1.value=temp
}
</SCRIPT>
<INPUT name=button onclick=applyit() style="FONT-WEIGHT: bold" type=button value=我要这段代码>
</TD>
<TD align=left vAlign=top
width="70%"></TD></TR></TBODY></TABLE>
<div align="center"><BR>
将下面的代码复制到 <head> 区域中<BR>
<TEXTAREA cols=80 name=js_1 rows=10 wrap=VIRTUAL></TEXTAREA>
<BR>
</div>
</TD></TR></TBODY></TABLE></TD>
</TR></TBODY></TABLE>

webasp.net