這幾個(gè)網(wǎng)頁圖片小技巧基本主要利用了一些鼠標(biāo)控制語句、css濾鏡代碼,加上簡單的javascript語句實(shí)現(xiàn)的,簡單有趣,可以作為幫助一些朋友javascript入門的小例子! D片循環(huán)漸顯漸隱 效果描述:圖片循環(huán)漸顯漸隱…… 實(shí)現(xiàn)方法: 1、把如下代碼加入<body>區(qū)域中:
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);
}
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ū)域中: 注:圖片的文件名及路徑可以自行修改! ∈髽(biāo)控制的圖片大小變換 效果描述:一開始圖片按設(shè)置的比例縮小顯示,鼠標(biāo)移動(dòng)到圖片上面時(shí),圖片會(huì)按預(yù)先設(shè)置的一個(gè)較大的比例顯示! (shí)現(xiàn)方法: 把如下代碼加入<body>區(qū)域中:
來自:天極網(wǎng)