　图片的切换

作者：袖梨 2022-07-02

提示：您可以先修改部分代码再运行

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>　图片的切换</title>
</head>

<body>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var ie5=(document.getElementById && document.all);
var ns6=(document.getElementById && !document.all);

nPlus = 5   //the % of fading for each step
speed = 50  //速度

// You don't have to edit below this line
nOpac = 100
function FadeImg(){
    if(document.getElementById){
        document.getElementById('img1').style.visibility="visible";
        imgs = document.getElementById('img2');
	opacity = nOpac+nPlus;
	nOpac = opacity;
	setTimeout('FadeImg()',speed);
    if(opacity>100 || opacity<0){
        nPlus=-nPlus;
    }
    if(ie5){
        imgs.style.filter="alpha(opacity=0)";
	imgs.filters.alpha.opacity = opacity;
    }
    if(ns6){
        imgs.style.MozOpacity = 0 + '%';
	imgs.style.MozOpacity = opacity + '%';
    }
  }
}
onload=FadeImg;
//  End -->
</script>
<div id="img1">
  <a href="images/k0212.gif" class="js-smartPhoto-pc" target="_blank"><img src="images/k0212.gif" border=0 ></a>
</div>
<div id="img2">
  <a href="images/love.gif" class="js-smartPhoto-pc" target="_blank"><img src="images/love.gif" border=0 ></a>
</div>

</body>

</html>

提示：您可以先修改部分代码再运行

图片的切换

相关文章

精彩推荐