網(wǎng)頁圖片特效小技巧
發(fā)布時間:2008-12-24 閱讀數(shù): 次 來源:網(wǎng)樂原科技
javascript語句實(shí)現(xiàn)的,簡單有趣,可以作為幫助一些朋友javascript入門的小例子。
圖片循環(huán)漸顯漸隱
效果描述:圖片循環(huán)漸顯漸隱……
實(shí)現(xiàn)方法:
1、把如下代碼加入<body>區(qū)域中:
alt="Image" style="filter:alpha(opacity=0)">
2、把<body>改為:
注:圖片的文件名及路徑可以自行修改。
禁止圖片下載
效果描述:設(shè)置某一圖片禁止下載,鼠標(biāo)移動到圖片上面時將會給出提示,此方法治標(biāo)不治本,只能騙騙菜鳥。
實(shí)現(xiàn)方法:
注:圖片的文件名及路徑可以自行修改。
鼠標(biāo)控制圖片隱現(xiàn)效果
效果顯示:圖片一開始是模糊顯示,當(dāng)鼠標(biāo)移到圖片上面時圖片會清晰顯示。
實(shí)現(xiàn)方法:
1、把如下代碼加入<body>區(qū)域中:
2、把如下代碼加入<body>區(qū)域中:
onMouseOver="makevisible(this,0)"
onMouseOut="makevisible(this,1)">
注:圖片的文件名及路徑可以自行修改。
鼠標(biāo)控制的圖片大小變換
效果描述:一開始圖片按設(shè)置的比例縮小顯示,鼠標(biāo)移動到圖片上面時,圖片就會按預(yù)先設(shè)置的一個較大的比例顯示。
實(shí)現(xiàn)方法:
把如下代碼加入<body>區(qū)域中:
onmouseover="img1.style.width=''95'';"
onmouseout="img1.style.width= ''67'';">