📄 7-7.htm

📁 JScript网页特效,包含很多的实现网页特效的方法.

💻 HTM

字号:

<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 + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -