<bdo id="yvtwp"><small id="yvtwp"></small></bdo>

首頁網(wǎng)頁特效庫

首頁 > 特效 > 圖片特效 > 正文

圖片明暗變換特效

2011-03-27 圖片特效 ℃

腳本說明:
把如下代碼加入<body>區(qū)域中：
<script>
function hover(id,opacity){
       document.all[id].filters.alpha.opacity = opacity;
}

function opacify(id,delay,start,stop){
    opacify(id,delay,start,stop,0);
    }
    
function opacify(id,delay,start,stop,offset){
    offset *= 1000;
    if (document.all){
        hover(id,start);
        setTimeout("fadeOut('"+id +"',"+ delay +","+ start +","+stop +")",offset);
        }
    }

function fadeOut(id,delay,start,stop){
    if (document.all[id].filters.alpha.opacity > stop){
        document.all[id].filters.alpha.opacity -= 2;
        setTimeout("fadeOut('"+ id +"',"+ delay +","+ start +","+ stop +")",delay);
        }
    else {
        setTimeout("fadeIn('"+ id +"',"+ delay +","+ start +","+ stop +")",delay);
        }
    }   
    
function fadeIn(id,delay,start,stop){
    if (document.all[id].filters.alpha.opacity < start){
        document.all[id].filters.alpha.opacity += 2;
        setTimeout("fadeIn('"+ id +"',"+ delay +","+ start +","+ stop +")",delay);
        }
    else {
        setTimeout("fadeOut('"+ id +"',"+ delay +","+ start +","+ stop +")",delay);
        }
    }

</script>
<img src="\images\tx\meinv.jpg" name="imageName" onLoad="opacify('imageName',22,100,20)" style="filter:alpha(opacity=100);" alt="blah" />

相關(guān)特效代碼

熱門特效代碼: js圖片自動(dòng)切換代碼; CSS實(shí)現(xiàn)區(qū)域內(nèi)等比例放大縮小圖片; JS圖片切換效果; 飄動(dòng)圖片廣告代碼; 鼠標(biāo)經(jīng)過圖片變大; 簡(jiǎn)單高效的javascript 幻燈片播放; JavaScript封裝的平滑圖片滾動(dòng)，; 點(diǎn)擊圖片出現(xiàn)大圖; 圖片局部放大效果特效; 圖片上下左右拉伸效果特效

推薦特效代碼: 點(diǎn)擊按鈕淡入淡出彈出圖文信息; 探照燈效果圖片特效代碼; 簡(jiǎn)單高效的javascript 幻燈片播放; 飄動(dòng)圖片廣告代碼; JavaScript封裝的平滑圖片滾動(dòng)，; 超酷超絢精美圖片展示效果代碼