说明: 页面效果生成器
效果: 点这里在新窗口中看效果！
代码: 要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
第二步：把如下代码加入到<body>区域中
<BODY id=all text=#000000 bgColor=#336699>
<TABLE cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TR bgColor=#ffffff>
<TD> </TD>
<TD width="100%"></TD>
<TD> </TD>
</TR>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TR bgColor=#ffffff>
<TD><IMG src="../images/space.gif" width=11
height="1"></TD>
<TD width="100%">
<table width="100%" border="0" cellpadding="8">
<tr>
<td align="center">
<script language="JavaScript">
document.write("<font color=#7d070c style=\"font-size:
14px\">"+document.title+"</font>");
</script>
</td>
</tr>
<tr>
<td bgcolor="#f7f7f7">
<script language="JavaScript" src="js/transition.js">
</script>
提示：先从左边选择一个效果，右边会出现预览</td>
</tr>
<tr>
<td>
<table cellspacing=0 cellpadding=0 width="100%"
border=0>
<tr>
<td width="30%">
<table cellspacing=0 cellpadding=0 width="100%"
border=0>
<tr>
<td
style="BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP:
rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid;
BORDER-BOTTOM: rgb(0,0,0) 1px solid"
width="100%" bgcolor=#67eb78><strong><small><font
face=Verdana>Choose Transition</font></small></strong></td>
</tr>
<tr>
<td width="100%"><strong><font
face=Verdana>
<font color=#008000>
<!--webbot bot="HTMLMarkup" startspan -->
<script language=JavaScript1.2>
<!--
var cur="x";
function changecolor(x){
if (event.srcElement.tagName=="SMALL"){
if (event.srcElement.style.color=="purple")
return
event.srcElement.style.color=x
}
}
function doit(){
if (event.srcElement.tagName=="SMALL"){
cur=event.srcElement.n
fadein()
}
}
//-->
</script>
</font>
<div onMouseOver="changecolor('red')"
style="OVERFLOW: scroll; CURSOR: hand; HEIGHT: 280px"
onClick="changecolor('purple');doit()"
onMouseOut="changecolor('green')"><font
color=#008000>
<!--webbot bot="HTMLMarkup" endspan -->
<small n="x">Blend in</small><br>
<small n="0">Box in</small> <br>
<small n="1">Box out </small><br>
<small n="2">Circle in </small><br>
<small n="3">Circle out</small>
<br>
<small
n="4">Wipe up </small> <br>
<small n="5">Wipe down </small>
<br>
<small n="6">Wipe right</small>
<br>
<small n="7">Wipe left </small><br>
<small n="8">Vertical blinds </small>
<br>
<small n="9">Horizontal blinds </small><br>
<small n="10">Checkerboard across</small><br>
<small n="11">Checkerboard down </small><br>
<small n="12">Random dissolve</small>
<br>
<small
n="13">Split vertical in </small><br>
<small n="14">Split vertical out</small><br>
<small n="15">Split horizontal in </small><br>
<small n="16">Split horizontal out</small><br>
<small n="17">Strips left down</small>
<br>
<small n="18">Strips left up</small>
<br>
<small
n="19">Strips right down </small><br>
<small n="20">Strips right up </small><br>
<small n="21">Random bars horizontal</small>
<br>
<small n="22">Random bars vertical</small>
<br>
<small n="23">Random</small></font>
<!--webbot bot="HTMLMarkup" startspan -->
</div>
<!--webbot
bot="HTMLMarkup" endspan -->
</font></strong></td>
</tr>
</table>
</td>
<td valign=top align=left width="70%">
<!--webbot bot="HTMLMarkup" startspan -->
<div id=mytransition
style="BORDER-RIGHT: black 1px solid; BORDER-TOP:
black 1px solid; FILTER: revealTrans(duration=3,transition=0)
blendTrans(duration=3); BORDER-LEFT: black 1px solid;
WIDTH: 100%; BORDER-BOTTOM: black 1px solid; HEIGHT: 100%"></div>
<!--webbot bot="HTMLMarkup" endspan -->
</td>
</tr>
<tr>
<td width="30%">
<!--webbot bot="HTMLMarkup" startspan -->
<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 style="FONT-WEIGHT: bold" onClick=applyit()
type=button value="我要这段代码" name="button">
<!--webbot bot="HTMLMarkup" endspan -->
</td>
<td valign=top align=left width="70%"></td>
</tr>
</table>
<br>
1.很简单将下面的代码复制到 <body> 内
<input type="button" name="Button"
value="复制到我的剪贴板" onClick=JM_cc(js_1)>
<br>
<textarea name="js_1" wrap="VIRTUAL"
cols="80" rows="10"></textarea>
<br>
</td>
</tr>
</table>
</TD>
<TD><IMG src="../images/space.gif"
width=11 height="1"></TD>
</TR>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TR bgColor=#ffffff>
<TD> </TD>
<TD width="100%"></TD>
<TD> </TD>
</TR>
</TABLE>
</BODY>
作者：佚名 来源： 网上转帖 |
