美女视频在线免费试看,国产丝袜美腿美女视频线观看,性感美女性感视频

根據(jù)鼠標(biāo)放上切換內(nèi)容制作的圖片導(dǎo)航

2010.11.11

根據(jù)鼠標(biāo)放上切換內(nèi)容制作的圖片導(dǎo)航，比較大氣的感覺(jué)，在圖標(biāo)交替的同進(jìn)加入了淡入淡出特效，整體效果和一個(gè)Flash導(dǎo)航?jīng)]什么兩樣，為了加快演示速度，這里只放了兩組圖片導(dǎo)航，如果你需要很多，可以依次添加下去。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<title>鼠標(biāo)放上切換內(nèi)容</title>
<style>

</style>
<SCRIPT language=JavaScript>
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=0
}
</SCRIPT>
<SCRIPT language=javascript>
var min=0;
var max=100;
var number=5;
function OnMouseOver(obj){
if(obj.changing)
clearInterval(obj.changing);
obj.changing=setInterval("add("+obj.id+")",1);
}
function OnMouseOut(obj){
if(obj.changing)
clearInterval(obj.changing);
obj.changing=setInterval("sub("+obj.id+")",1);
}
function add(obj){
if(obj.filters.Alpha.Opacity > max){
clearInterval(obj.changing);
obj.changing=false;
obj.filters.Alpha.Opacity = max;
}
else
obj.filters.Alpha.Opacity += number;
}
function sub(obj){
if(obj.filters.Alpha.Opacity < min){
clearInterval(obj.changing);
obj.changing=false;
obj.filters.Alpha.Opacity = min;
}
else
obj.filters.Alpha.Opacity += -number;
}
</SCRIPT>
</head>
<body>
<div class="imdiv" style="background:url(http://www.codefans.net/jscss/demoimg/200910/a1.gif) no-repeat;">
<a href="#"><IMG id='img1' onmouseover='OnMouseOver(this)' style='FILTER: Alpha(Opacity=0)' onmouseout='OnMouseOut(this)' src='/jscss/demoimg/200910/a2.gif'></a>
</div>
<div class="imdiv" style="background:url(/jscss/demoimg/200910/b1.gif) no-repeat;">
<a href="#"><IMG id='img2' onmouseover='OnMouseOver(this)' style='FILTER: Alpha(Opacity=0)' onmouseout='OnMouseOut(this)' src='/jscss/demoimg/200910/b2.gif'></a>
</div>
</body>
</html>

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

打開(kāi)APP，閱讀全文并永久保存查看更多類(lèi)似文章

可明可暗的圖片

滑出式網(wǎng)頁(yè)導(dǎo)航菜單

js實(shí)現(xiàn)輪播圖，模擬flash上下滾動(dòng)（原生JS，沒(méi)有任何框架）

JavaScript制作網(wǎng)頁(yè)圖片小特效5例

blog中加入滾動(dòng)菜單的代碼

圖片羽化----html代碼

更多類(lèi)似文章 >>

国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看