双图片渐隐渐显广告代码
2014-08-13来源:易贤网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>双图片渐隐渐显广告代码</title>

</head>

<script language=javascript src="/js/jquery-1.4.4.min.js"></script>

<script language="javascript">

<!--

$(function(){

   setInterval("ad_man()",3000);

});

function ad_man(){

var man1 = document.getElementById("man1");

var man2 = document.getElementById("man2");

if(man1.style.display=="block"){

 ad_man_(man1);

 man1.style.display="none";

 man2.style.display="block";

 ad_man_(man2); 

}else{

 ad_man_(man2); 

 man2.style.display="none";

 man1.style.display="block";

 ad_man_(man1); 

}

}

function ad_man_(obj){

with(obj){

      if(obj.filters)filters.blendTrans.apply();

      style.visibility=style.visibility=='hidden'?'':'hidden';

      if(obj.filters)filters.blendTrans.play();

     }

}

-->

</script>

<body>

<div id="man1" style="filter:blendTrans(duration=1); display:block;">

<img src="ad/index_ad2.jpg"  border="0" /></div>

<div id="man2" style="filter:blendTrans(duration=1);display:none; visibility:hidden;">

<img src="ad/index_ad1.jpg"  border="0" /></div>

</div>

</body>

</html>

更多信息请查看IT技术专栏

推荐信息