网页中图片切换效果

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
<script language=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var imgTz=new Array();
var buttonShow=1;
var buttonPos=1;
var buttonX;
var buttonY;
}
}
function playTransition()
{
if (document.all)
imgUrlrotator.filters.revealTrans.play()
}
function nextAd(toNum)
{
if(adNum<imgUrl.length-1)
adNum++ ;
else
adNum=1;
imgPre[i].src=imgUrl[i];
}
function setTransition()
{
if (document.all)
{
imgUrlrotator.filters.revealTrans.Transition=23;//Math.floor(Math.random()*23)
imgUrlrotator.filters.revealTrans.apply();
}
dakularCode="<div style='display:inline; position:relative;left:"+buttonX+"px; top:"+buttonY+"px; z-index:1;'>"+dakularCode+"</div>";
document.write(dakularCode);
playTransition();
checkButton();
if(toNum!=null)
{toNum=null;theTimer=setTimeout("nextAd()", 7000);}
elseFra Baidu bibliotek
{theTimer=setTimeout("nextAd()", 7000);}
}
function jump2url()
}
for(i=1;i<=imgUrl.length-1;i++)
{
dakularCode=dakularCode+"<div id='bt"+i+"' style='display:inline; height=14px; width:20px; border:2px solid #000000; background-color:#f7f7f7; color:#000000; font-size:19px; line-height:14px; filter:Alpha(Opacity=50, FinishOpacity=50,Style=2);' align='center' onMouseOver=this.style.backgroundColor='#FFFFFF';this.style.color='#000000';this.style.cursor='hand' onMouseOut=checkButton(); onClick='clearTimeout(theTimer);nextAd("+i+");'>"+i+"</div>";
}
}
</script>
<table border="0" cellpadding="0" cellspacing="0" id=newsTable style="position:relative; top:-15px;right:0px; font-size:12px;">
<script language="javascript">dakularButtons();</script><tr><td><img style="FILTER: revealTrans(duration=1,transition=18); " src="javascript:nextAd()" width=300 height=400 name=imgUrlrotator alt="今日头条"></td></tr>
imgTz[3]="图片3";
imgUrl[4]="/images/4.jpg";
imgTz[4]="图片4";
imgUrl[5]="/images/5.jpg";
imgTz[5]="图片5";
var imgPre=new Array();
for (i=1;i<8;i++)
{
imgPre[i]=new Image();
}
}
function dakularButtons()
{
if(buttonShow==1)
{
switch(buttonPos)
{
case 1:{buttonX=60+269-imgUrl.length*20;buttonY=369;break;}
case 2:{buttonX=300-imgUrl.length*20;buttonY=125;break;}
case 3:{buttonX=imgUrl.length*20-200;buttonY=16;break;}
case 4:{buttonX=imgUrl.length*20-200;buttonY=125;break;}
default:{buttonX=60+20-imgUrl.length*20;buttonY=16;break;}
var bakularCode=""
var adNum=0;
var dakularCode="";
imgUrl[1]="/images/1.jpg";
imgTz[1]="图片1";
imgUrl[2]="/images/ 2.jpg";
imgTz[2]="图片2";
imgUrl[3]="/images/3.jpg";
eval("bt"+i+".style.backgroundColor='#9B0000';bt"+i+".style.color='#FFFFFF';");
else
eval("bt"+i+".style.backgroundColor='#CCCCCC';bt"+i+".style.color='#000000';");
{
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';
<tr>
<td bgcolor="#f0f0f0" align="center" height="20"><!--标题显示链接-->
<label id="linktext"></label>
</td>
</tr>
</table>
<!--begin:图片轮换结束-->
if(toNum!=null) adNum=toNum;
setTransition();
document.images.imgUrlrotator.src=imgUrl[adNum];
document.getElementById('linktext').innerHTML=imgTz[adNum];
{
jumpUrl=imgLink[adNum];jumpTarget='_blank';
if (jumpUrl != '')
{ if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg()
相关文档
最新文档