JS新闻轮播脚本

代码区:
var adNum=0;
var buttonShow=1;//显示按扭开关 1:显示 0:不显示
if(imgUrl.length>2) buttonShow=1; else buttonShow=0; //自动判断是否显示按扭
//var buttonPos=1;//按扭显示位置 1:右上 2:右下 3:左上 4:左下
var buttonX;//按扭X坐标
var buttonY;//按扭Y坐标

//var imgUrl=new Array();
//var imgLink=new Array();
//var text=new Array();
var imgPre=new Array();
var dakularCode="";//将生成按扭HTML代码
var adNum=0;

//imgUrl[1]="http://img.hc360.com/pf/Info/images/toutiao_050628_1.jpg";
//imgLink[1]="http://info.pf.hc360.com/html/001/012/001/36401.htm";
//text[1]="汽巴精化:研发中心上海启动";

for (i=1;i<8;i++)

{
 imgPre[i]=new Image();
 imgPre[i].src=imgUrl[i];
}

function setTransition()
{
 if (document.all)
 {
  imgUrlrotator.filters.revealTrans.Transition=23;//Math.floor(Math.random()*23)
  imgUrlrotator.filters.revealTrans.apply();
 }
}

function playTransition()
{
 if (document.all)
 imgUrlrotator.filters.revealTrans.play();
}

function nextAd(toNum)
{
 if(adNum<imgUrl.length-1)
 adNum++ ;
 else
 adNum=1;
 if(toNum!=null) adNum=toNum;
 setTransition();
 
 document.images.imgUrlrotator.src=imgUrl[adNum];
 document.images.imgUrlrotator.alt=text[adNum];
 //如果要显示文字标题,取消下面的注释
 //document.getElementById('linktext').innerHTML="<a href="+imgLink[adNum]+" target=_blank class=px14-lh20>"+text[adNum]+"</a>";
 playTransition();
 if(buttonShow==1){checkButton();}
 if(toNum!=null) toNum=null;
 theTimer=setTimeout("nextAd()", 6000);
}

function jump2url()
{
 jumpUrl=imgLink[adNum];jumpTarget='_blank';
 if (jumpUrl != '')
 {
  if (jumpTarget != '')
  window.open(jumpUrl,jumpTarget);
  else location.href=jumpUrl;
 }
}

function displayStatusMsg()
{
 status=imgLink[adNum];
 document.returnValue = true;
 }

function checkButton()
{
 for(i=1;i<=imgUrl.length-1;i++)
  {if(i==adNum)
  //document.getElementById('bt'+i).style.backgroundColor='#00FF00';
  eval("bt"+i+".style.backgroundColor='#9B0000';bt"+i+".style.color='#FFFFFF';");
  else
  eval("bt"+i+".style.backgroundColor='#CCCCCC';bt"+i+".style.color='#000000';");
  }
 }

function dakularButtons()
{if(buttonShow==1){
 //table的定位样式,用以消除错位的Bug!
 //document.getElementById('newsTable').style.position="relative";
 //document.getElementById('newsTable').style.top="0px";
 switch(buttonPos){
  case 1:{buttonX=194-imgUrl.length*20;buttonY=0;break;}
  case 2:{buttonX=243-imgUrl.length*20;buttonY=182;break;}
  case 3:{buttonX=imgUrl.length*20-100;buttonY=1;break;}
  case 4:{buttonX=imgUrl.length*20-100;buttonY=182;break;}
  default:{buttonX=243-imgUrl.length*20;buttonY=16;break;}
  }
 for(i=1;i<=imgUrl.length-1;i++)
  {
  dakularCode=dakularCode+"<div id='bt"+i+"' style='display:inline; height=14px; width:20px; border:1px solid #000000; background-color:#CCCCCC; color:#000000; font-size:12px; line-height:14px; filter: Alpha(Opacity=100);' align='center' onMouseOver=this.style.backgroundColor='#FFFFFF';this.style.color='#000000';this.style.cursor='hand' onMouseOut=checkButton(); onClick='clearTimeout(theTimer);nextAd("+i+");'>"+i+"</div>";
  }
 dakularCode="<div style='display:inline; position:relative;left:"+buttonX+"px; top:"+buttonY+"px; z-index:1;'>"+dakularCode+"</div>"
 document.write(dakularCode);
  }
 }

调用区:

<script language=javascript src=timg/hc360news.js></script><script language="javascript">dakularButtons();</script>
<table id=newsTable border="0" cellspacing="0" cellpadding="0" width="172" height="121" style="margin-top:-15px">

<tr><td><a onMouseOver="displayStatusMsg();return document.returnValue" onMouseOut="status='';" href="javascript:jump2url()"><img style="FILTER: revealTrans(duration=1,transition=23); border:1px solid #000000" src="javascript:nextAd()" width=172 height=121 border=0 name=imgUrlrotator alt=""></a></td>
</tr>
</table>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值