广告图片轮显类dh_adShow Ver1.0.2

最新推荐文章于 2021-06-09 15:17:35 发布

dh20156

最新推荐文章于 2021-06-09 15:17:35 发布

阅读量1.8k

点赞数

分类专栏：技术文档文章标签： javascript function url null image html

本文链接：https://blog.csdn.net/dh20156/article/details/893571

版权

技术文档专栏收录该内容

57 篇文章 0 订阅

订阅专栏

对上次发布的广告图片轮显类dh_adShow进行了一次更新，更改了链接打开方式，新添IE Wipe渐变效果，添加轮显效果扩展。

<html>
<head>
<title>dh_adShow</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style>
* {margin:0px;}
</style>
<script language="javascript">
function dhAdShow(){
//author:dh20156;
this.bannerAd = new Array();
this.style = 0;
this.width = 609;
this.height = 118;
this.target = "_blank";
this.targetObj = null;
this.objAID = ("dh_adLink"+Math.random()).replace(//./g,"");
this.objIID = ("dh_adImg"+Math.random()).replace(//./g,"");

this.setup = function(){
  var objA = document.createElement("A");
  var objI = document.createElement("IMG");
  objA.id = this.objAID;
  objA.href = "#";
  objA.target = this.target;
  objA.title = "dh_adShow";
  objI.id = this.objIID;
  switch(this.style){
   case 0:objI.style.filter = "blendTrans(duration=3)";break;
   case 1:objI.style.filter = "progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward', duration=3)";break;
   default:objI.style.filter = "blendTrans(duration=3)";break;
  }
  objI.width = this.width;
  objI.height = this.height;
  objI.border = 0;
  objI.alt = "dh_adShow";

  objA.appendChild(objI);

  if(this.bannerAd.length > 0){
   objI.src = this.bannerAd[0].src;
   objI.alt = this.bannerAd[0].tips;
   objA.href = this.bannerAd[0].url;
   objA.title = this.bannerAd[0].tips;
  }

  if(this.targetObj == null || this.targetObj == "document.body"){
   var scriptObj = document.getElementsByTagName("script");
   for(var i=0;i<scriptObj.length;i++){
    if(scriptObj[i].innerHTML.indexOf("new dhAdShow()") > -1 && scriptObj[i].parentNode.tagName != "HEAD"){
     this.targetObj = scriptObj[i].parentNode;
    }
   }
  }

this.targetObj.appendChild(objA);
}

this.step = 1;
this.slideShow = function(){
  var oa = document.getElementById(this.objAID);
  var oi = document.getElementById(this.objIID);
  if(this.bannerAd.length > 0 && oa != null && oi != null){
   if(document.all){
    switch(this.style){
     case 0:oi.filters.blendTrans.apply();break;
     case 1:oi.filters[0].apply();break;
     default:oi.filters.blendTrans.apply();break;
    }
   }
   oi.src = this.bannerAd[this.step].src;
   oi.alt = this.bannerAd[this.step].tips;
   oa.href = this.bannerAd[this.step].url;
   oa.title = this.bannerAd[this.step].tips;
   if(document.all){
    switch(this.style){
     case 0:oi.filters.blendTrans.play();break;
     case 1:oi.filters[0].Play();break;
     default:oi.filters.blendTrans.play();break;
    }
   }
   this.step = (this.step<(this.bannerAd.length-1))?(this.step+1):0;
   (new Image()).src = this.bannerAd[this.step].src;
  }
}
}
</script>
</head>
<body>
<script language="javascript">
var bannerAd = new Array();
bannerAd[0] = {src:"/images/ad/ad01.jpg",url:"#",tips:"新干桃溪，/"绿色银行/""};
bannerAd[1] = {src:"/images/ad/ad02.jpg",url:"#",tips:"新干桃溪，/"绿色银行/""};
bannerAd[2] = {src:"/images/ad/ad03.jpg",url:"#",tips:"新干桃溪，/"绿色银行/""};
bannerAd[3] = {src:"/images/ad/ad04.jpg",url:"#",tips:"新干桃溪，/"绿色银行/""};
bannerAd[4] = {src:"/images/ad/ad05.jpg",url:"#",tips:"新干桃溪，/"绿色银行/""};
bannerAd[5] = {src:"/images/ad/ad06.jpg",url:"#",tips:"新干桃溪，/"绿色银行/""};
var dhss = new dhAdShow();
dhss.bannerAd = bannerAd;
dhss.style = 1;
dhss.target = "_self";
dhss.setup();
setInterval("dhss.slideShow()",8000);
</script>
</body>
</html>

dh20156

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
广告图片轮显类dh_adShow Ver1.0.2

对上次发布的广告图片轮显类dh_adShow进行了一次更新，更改了链接打开方式，新添IE Wipe渐变效果，添加轮显效果扩展。dh_adShow* {margin:0px;}function dhAdShow(){ //author:dh20156; this.bannerAd = new Array(); this.style = 0; this.width = 609; this.hei
复制链接

扫一扫