JavaScript制作網(wǎng)頁圖片小特效5例 2002年05月20日 來源:賽迪網(wǎng) 周慶 |
一、圖片漸現(xiàn)效果的實現(xiàn) 1、把如下代碼加入< body>區(qū)域中: < SCRIPT FOR=window EVENT=onLoad LANGUAGE=vbscript> 2、把如下代碼加入< body>區(qū)域中: < img src="1.gif" border=5 id="image1" 注:圖片的文件名及路徑可以自行修改。 二、循環(huán)漸顯效果 1、把如下代碼加入< body>區(qū)域中: < img src="image1.gif" name="u" border=0 2、把< body>區(qū)域改為: < 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> 注:圖片的文件名及路徑可以自行修改。 四、圖片隱現(xiàn)效果的實現(xiàn) 通過這種方法在頁面中添加的圖片,開始的時候?qū)⑹悄:@示,當鼠標移到圖片上面時圖片會清晰顯示。 1、把如下代碼加入< body>區(qū)域中: < SCRIPT language="JavaScript"> 2、把如下代碼加入< body>區(qū)域中: < img src="2.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)"> 注:圖片的文件名及路徑可以自行修改。 五、圖片大小變換 一開始圖片是縮小顯示,鼠標移動到圖片上面時,圖片就會放大到實際大小顯示。 把如下代碼加入< body>區(qū)域中: < span id="s1" style = "width : 100"> |