当前位置:编程学习 > JS >>

在js中给图片加链接?急急急

<SCRIPT language=JavaScript> <!-- var bannerAD=new Array(); var bannerADlink=new Array(); var adNum=0; bannerAD[0]="images/tj0.jpg"; bannerAD[1]="images/tj2.jpg"; bannerAD[2]="images/tj3.jpg"; bannerAD[3]="images/tj4.jpg"; bannerAD[4]="images/tj5.jpg"; bannerAD[5]="images/tj6.jpg"; preloadedimages=new Array(); for (i=5;i<bannerAD.length;i++){ preloadedimages[i]=new Image(); preloadedimages[i].src=bannerAD[i]; } function setTransition(){ if (document.all){ bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); bannerADrotator.filters.revealTrans.apply(); } } function playTransition(){ if (document.all) bannerADrotator.filters.revealTrans.play() } function nextAd(){ if(adNum<bannerAD.length-1)adNum++ ; else adNum=0; setTransition(); document.images.bannerADrotator.src=bannerAD[adNum]; playTransition(); theTimer=setTimeout("nextAd()", 6000); } function displayStatusMsg() { status=bannerADlink[adNum]; document.returnValue = true; } //--> </SCRIPT> <P align=center><img style="FILTER: revealTrans(duration=2,transition=20)" height=270 src="images/tj0.jpg" width=630 border=0 name=bannerADrotator></P> <SCRIPT language=JavaScript>nextAd()</SCRIPT> 这个是这段JS且换图代码,现在我需要给每张图都要加一个超链接,链接不同页面。请问该怎么加?可以的话麻烦写具体点,鄙人很菜
追问:这个可以……没反应
答案:修改了一下,你看一下
<SCRIPT language=JavaScript>  
<!--   
var bannerAD=new Array();  
var bannerADlink=new Array();  
var adNum=0;  

bannerAD[0]="images/tj0.jpg";
bannerAD[1]="images/tj2.jpg";
bannerAD[2]="images/tj3.jpg";
bannerAD[3]="images/tj4.jpg";
bannerAD[4]="images/tj5.jpg";
bannerAD[5]="images/tj6.jpg";

//链接
bannerADlink[0]="images/tj0.jpg";
bannerADlink[1]="images/tj2.jpg";
bannerADlink[2]="images/tj3.jpg";
bannerADlink[3]="images/tj4.jpg";
bannerADlink[4]="images/tj5.jpg";
bannerADlink[5]="images/tj6.jpg";


preloadedimages=new Array();
for (i=5;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}
function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}
function nextAd(){
var aLink=document.getElementById('aLink');
aLink.href=bannerADlink[adNum];
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 6000);
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}  

//-->
</SCRIPT>
<P align=center><a href="#" target="_blank" id="aLink"><img style="FILTER: revealTrans(duration=2,transition=20)" height=270 src="images/tj0.jpg" width=630 border=0 name=bannerADrotator></a></P>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
其他:bannerADlink[0]="http://zhidao.zhaoxi.net/";
bannerADlink[1]="";
bannerADlink[2]="";
bannerADlink[3]="";
bannerADlink[4]="";
bannerADlink[5]="";

for (i=5;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
preloadedimages[i].onclick = function () {window.open(bannerADlink[i])}
preloadedimages[i].style.cursor="pointer";
} <P align=center><img style="FILTER: revealTrans(duration=2,transition=20)" height=270 src="images/tj0.jpg" width=630 border=0 name=bannerADrotator></P>
改为<P align=center><a id="alink" href="#"><img style="FILTER: revealTrans(duration=2,transition=20)" height=270 src="images/tj0.jpg" width=630 border=0 name=bannerADrotator></a></P>

document.images.bannerADrotator.src=bannerAD[adNum];
这句后面加上:
document.getElementById("alink").href=你想要的地址 
这就是每次换图片都换地址。

上一个:js前台页面与后台如何传参
下一个:用JS效果做到有上和下按钮点击来控制textbox中显示的是上一条或者下一条数据

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,