介绍:刷新,你会发现他有多种效果的哦。
演示:
[Ctrl+A全选 提示:你可先修改部分代码,再按运行]
下面教你如何应用此特效:
--------------------------------------------------------------------------------------
需要在<body
这里>加入的代码:
无
--------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<body>…</body>中
<style type=text/css>
.article {
BORDER-RIGHT: #394073 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #394073 1px solid; PADDING-LEFT: 3px; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); VISIBILITY: hidden; PADDING-BOTTOM: 3px; BORDER-LEFT: #394073 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #394073 1px solid; POSITION: absolute
}
</style>
<script language=JavaScript1.2>
<!--
function Show(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "visible";
divid.filters.revealTrans.play();
}
function Hide(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "hidden";
divid.filters.revealTrans.play();
}
//-->
</script>
<a href="#" onmouseover=Show(a) onmouseout=Hide(a) >
<img src="/texiao/zzsc_demo/15.jpg" border="0" >
</a>
<div class=article id=a >美丽天使</div>