在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中显示的是上一条或者下一条数据