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