Javascript 如何在后台单击同一页面上的链接时插入新幻灯片？ 身体{ 背景色：#111； 背景附件：固定； 背景重复：无重复； 背景位置：中心； } .对{ 边缘顶部：20px； 右边距：500px； 位置：绝对位置； 右：0px； 宽度：300px； 边框：3px实心#8AC007； 填充：10px； } .show{display:block；} .hide{display:none；} 函数showImg（） { var obj=document.getElementById（'pic1'）； obj.className='hide'； var obj1=document.getElementById（'pic2'）； obj1.className='show'； } var bgimages=新数组（） bgimages[0]=“pic1.jpg” bgimages[1]=“pic2.jpg” bgimages[2]=“pic3.jpg” //预加载图像 var pathToImg=新数组（） 对于（i=0；i
您的Javascript 如何在后台单击同一页面上的链接时插入新幻灯片？ 身体{ 背景色：#111； 背景附件：固定； 背景重复：无重复； 背景位置：中心； } .对{ 边缘顶部：20px； 右边距：500px； 位置：绝对位置； 右：0px； 宽度：300px； 边框：3px实心#8AC007； 填充：10px； } .show{display:block；} .hide{display:none；} 函数showImg（） { var obj=document.getElementById（'pic1'）； obj.className='hide'； var obj1=document.getElementById（'pic2'）； obj1.className='show'； } var bgimages=新数组（） bgimages[0]=“pic1.jpg” bgimages[1]=“pic2.jpg” bgimages[2]=“pic3.jpg” //预加载图像 var pathToImg=新数组（） 对于（i=0；i,javascript,html,css,slideshow,Javascript,Html,Css,Slideshow,您的showImg函数所做的事情，它将始终隐藏您的pic1identifier（ID）div，并始终显示pic2ID div 另外，当页面加载时，您已将pic1ID div设置为显示，将pic2ID div设置为隐藏。这样，您一次只能看到一张幻灯片。我想用另一张幻灯片替换一张幻灯片。因此，当页面加载时，只能看到一张幻灯片。但单击链接后，将显示第二张幻灯片，并显示要隐藏的第一个幻灯片。适用于单个图像或任何文本内容。 <html> <head> <link re
showImgpic1pic2另外，当页面加载时，您已将
pic1pic2<html>
<head>
<link rel=stylesheet href="styles.css" type=css/text>
</head>
<style>
body{
background-color: #111;
background-attachment:fixed;
background-repeat: no-repeat;
background-position: center;
}
.right {
margin-top: 20px;
margin-right: 500px;
position: absolute;
right: 0px;
width: 300px;
border:3px solid #8AC007;
padding: 10px;
}
</style>
<style type="text/css">
.show{display:block;}
.hide{display:none;}
</style>
<script type="text/javascript">
function showImg()
{
var obj=document.getElementById('pic1');
obj.className = 'hide';
var obj1=document.getElementById('pic2');
obj1.className = 'show';
}
</script>
<div>
<script language="JavaScript1.2">
var bgimages=new Array()
bgimages[0]="pic1.jpg"
bgimages[1]="pic2.jpg"
bgimages[2]="pic3.jpg"
//preload images
var pathToImg=new Array()
for (i=0;i<bgimages.length;i++){
pathToImg[i]=new Image()
pathToImg[i].src=bgimages[i]
}
var inc=-1
var bgimagesTour=new Array()
bgimagesTour[0]="pic4.jpg"
bgimagesTour[1]="pic5.jpg"
bgimagesTour[2]="pic6.jpg"
//preload images
var pathToImgTour=new Array()
for (j=0;j<bgimagesTour.length;j++){
pathToImgTour[j]=new Image()
pathToImgTour[j].src=bgimagesTour[j]
}
var incr=-1
</script>
</div>
<div class="show" id="pic1" >ofjvhkjnvf
<script language="JavaScript1.2">
function bgSlide(){
if (inc<bgimages.length-1)
inc++
else
inc=0
document.body.background=pathToImg[inc].src
}
if (document.all||document.getElementById)
window.onload=new Function('setInterval("bgSlide()",3000)')
</script>
</div>
<div class="hide" id="pic2" >kflaksjfvnksfvn
<script language="JavaScript1.2">
function bgSlideTour(){
if (incr<bgimagesTour.length-1)
incr++
else
incr=0
document.body.background=pathToImgTour[incr].src
}
if (document.all||document.getElementById)
window.onload=new Function('setInterval("bgSlideTour()",3000)')
</script>
</div>
<font color="white">
<div class="right" >
<u><a href="#" onClick="showImg();">Tourism</a></u> <u><a>Festival</a></u> <u><a>Food</a></u> <u><a>Music</a></u> <u><a>Blog</a></u> <u><a>Suggestion</a></u></div>
<li><a href="#1" onclick = "showImg()" value= "Picture1" title="Home">Home</a></li>
<img id="Picture1" src="/home/sharvil/Project/new/map.gif" class="show">