看看這代碼.你就知道了
<HTML>
<HEAD>
<TITLE>Reveal Transition Sample</TITLE>
<SCRIPT>
//<!--
function go() {
C1.filters[0].Apply();
if (C1.style.visibility == "visible") {
C1.style.visibility = "hidden";
C1.filters.revealTrans.transition=2;
}
else {
C1.style.visibility = "visible";
C1.filters[0].transition=3;
}
C1.filters[0].Play();
}
//-->
</SCRIPT>
</HEAD>
<BODY TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF"
LINK="#000000" VLINK="#808080" ALINK="#000000">
<BLOCKQUOTE CLASS="body">
<H1>Reveal Transition Sample</H1>
<INPUT TYPE=BUTTON VALUE="Play Transition" onClick="go();"></INPUT>
<span ID=C1 Style="position:absolute;Visibility:visible;Filter:revealTrans(duration=2, transition=3);width:300;height:300;background-color: lightgreen">
<CENTER>
<DIV style="background-color=red;height=100;width:100;position:relative;top:100"></DIV>
</CENTER>
</span>
<DIV STYLE="position:absolute;top:400;LEFT:10">
<!-- START_PAGE_FOOTER -->
</DIV>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Reveal Transition Sample</TITLE>
<SCRIPT>
//<!--
function go() {
C1.filters[0].Apply();
if (C1.style.visibility == "visible") {
C1.style.visibility = "hidden";
C1.filters.revealTrans.transition=2;
}
else {
C1.style.visibility = "visible";
C1.filters[0].transition=3;
}
C1.filters[0].Play();
}
//-->
</SCRIPT>
</HEAD>
<BODY TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF"
LINK="#000000" VLINK="#808080" ALINK="#000000">
<BLOCKQUOTE CLASS="body">
<H1>Reveal Transition Sample</H1>
<INPUT TYPE=BUTTON VALUE="Play Transition" onClick="go();"></INPUT>
<span ID=C1 Style="position:absolute;Visibility:visible;Filter:revealTrans(duration=2, transition=3);width:300;height:300;background-color: lightgreen">
<CENTER>
<DIV style="background-color=red;height=100;width:100;position:relative;top:100"></DIV>
</CENTER>
</span>
<DIV STYLE="position:absolute;top:400;LEFT:10">
<!-- START_PAGE_FOOTER -->
</DIV>
</BODY>
</HTML>
<script>
function Hide() {
divid.filters.revealTrans.apply();
divid.style.visibility = "hidden";
divid.filters.revealTrans.play();
divid.filters.revealTrans.transition=Variable;// 隨時間的變量
}
</script>
<p id="divid" style="FILTER: revealTrans(transition=1,duration=0.5) blendTrans(duration=0.5);">abcde</p>
<p onmouseover="Hide()">xyz</p>
http://www.yesky.com/20020410/1606265.shtml
CSS
<style type="text/css">
Table
{
border-color: #0053a6 ;
margin:0cm ;
padding:1cm ;
}
</style>
bordercolorlight=#0053a6 bordercolordark=#ffffff
這兩個屬性可產生一種凹凸感﹐但CSS中卻怎樣都沒對應的屬性來產生這種效果。而大家給的效果都是普通一條直線而已