7-7.htm

来自「JScript网页特效,包含很多的实现网页特效的方法.」· HTM 代码 · 共 34 行

HTM
34
字号
<html>
<head>
<title>§7.7 多种图片变换的效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF" onload="transition()">
<script language=JavaScript> 
function transition()
{
//效果1
mylayer.filters[0].Apply(); 
mylayer.innerHTML = "<img src='the02.jpg' align=center>"; 
mylayer.filters[0].Play(); 
///效果2
mylayer2.filters[0].Apply(); 
mylayer2.innerHTML = "<img src='the02.jpg' align=center>"; 
mylayer2.filters[0].Play(); 
////效果3
mylayer3.filters[0].Apply(); 
mylayer3.innerHTML = "<img src='the02.jpg' align=center>"; 
mylayer3.filters[0].Play(); 
}
</script> 
<DIV id=mylayer 
style="FILTER: revealTrans(transition=23,duration=1); LEFT: 20px; WIDTH: 150px; POSITION: relative; TOP: 20px; HEIGHT: 150px; BACKGROUND-COLOR: white; TEXT-ALIGN: center"><IMG src="the01.jpg" width="240" height="180"></DIV>
<DIV id=mylayer2 
style="FILTER: revealTrans(transition=21,duration=8); LEFT: 20px; WIDTH: 150px; POSITION: relative; TOP: 20px; HEIGHT: 150px; BACKGROUND-COLOR: white; TEXT-ALIGN: center"><IMG 
src="the01.jpg" width="240" height="180"></DIV>
<DIV id=mylayer3 
style="FILTER: revealTrans(transition=3,duration=8); LEFT: 20px; WIDTH: 150px; POSITION: relative; TOP: 20px; HEIGHT: 150px; BACKGROUND-COLOR: white; TEXT-ALIGN: center"><IMG src="the01.jpg" width="240" height="180"></DIV>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?