圖片循環漸顯漸隱
效果描述：圖片循環漸顯漸隱……
實現方法：
1、把如下代碼加入＜body＞區域中：
<img src="image1.gif" name="u" border=0
alt="Image" style="filter:alpha(opacity=0)">
<script language="JavaScript">
var b = 1;
var c = true;
function fade()
if(document.all);
if(c == true)
b++;
if(b==100)
b--;
c = false
if(b==10)
b++;
c = true;
if(c == false)
b--;
u.filters.alpha.opacity=0 + b;
setTimeout("fade()",50);
</script>
2、把＜body＞改為：
<body bgcolor="#ffffff" onLoad="fade()">
注：圖片的文件名及路徑可以自行修改。
禁止圖片下載
效果描述：設置某一圖片禁止下載，鼠標移動到圖片上面時將會給出提示，此方法治標不治本，只能騙騙菜鳥。
實現方法：
<A HREF="javascript:void(0)" onMouseover="alert("對不起,此圖片不能下載!")">
<IMG SRC="2.gif" Align="center" Border="0" width="99" height="50"></A>
注：圖片的文件名及路徑可以自行修改。
鼠標控制圖片隱現效果
效果顯示：圖片一開始是模糊顯示，當鼠標移到圖片上面時圖片會清晰顯示。
實現方法：
1、把如下代碼加入＜body＞區域中：
<SCRIPT language="JavaScript">
<!--
function makevisible(cur,which)
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
//-->
</SCRIPT>
2、把如下代碼加入＜body＞區域中：
<img src="2.gif" style="filter:alpha(opacity=20)"
onMouseOver="makevisible(this,0)"
onMouseOut="makevisible(this,1)">
注：圖片的文件名及路徑可以自行修改。
鼠標控制的圖片大小變換
效果描述：一開始圖片按設置的比例縮小顯示，鼠標移動到圖片上面時，圖片就會按預先設置的一個較大的比例顯示。
實現方法：
把如下代碼加入＜body＞區域中：
<span id="s1" style = "width : 100">
<a href="index.shtml"
onmouseover="img1.style.width="95";"
onmouseout="img1.style.width= "67";">
<Img src="link1.gif" id="img1">
</a>
</span>