javascript的一个图片切换问题。为什么只是闪一下，不换图呢？
<body><divid="content"><ahref=""id="left"><</a><ahref=""id="right">></a><pid="text1">...
<body>
<div id="content">
<a href="" id="left"><</a>
<a href="" id="right">></a>
<p id="text1">这是第一张图片</p>
<p id="text2">1/4</p>
<img id="img1" src="img/1.jpg"/>
</div>
<script>
window.onload=function(){
var left=document.getElementById('left');
var right=document.getElementById('right');
var text1=document.getElementById('text1');
var text2=document.getElementById('text2');
var img1=document.getElementById('img1');
var num=0;
var arrUrl=['img/1.jpg','img/2.jpg','img/3.jpg','img/4.jpg'];
var arrText=['猫','飞机','十字','天堂'];
right.onclick=function(){
num++;
text2.innerHTML=num+1+"/"+arrUrl.length;
text1.innerHTML=arrText[num];
img1.src=arrUrl[num];
}
</script> 展开
<div id="content">
<a href="" id="left"><</a>
<a href="" id="right">></a>
<p id="text1">这是第一张图片</p>
<p id="text2">1/4</p>
<img id="img1" src="img/1.jpg"/>
</div>
<script>
window.onload=function(){
var left=document.getElementById('left');
var right=document.getElementById('right');
var text1=document.getElementById('text1');
var text2=document.getElementById('text2');
var img1=document.getElementById('img1');
var num=0;
var arrUrl=['img/1.jpg','img/2.jpg','img/3.jpg','img/4.jpg'];
var arrText=['猫','飞机','十字','天堂'];
right.onclick=function(){
num++;
text2.innerHTML=num+1+"/"+arrUrl.length;
text1.innerHTML=arrText[num];
img1.src=arrUrl[num];
}
</script> 展开
3个回答
展开全部
<a href="#" id="left"><</a>
<a href="#" id="right">></a>
麻烦您能把a标签里面的href 添加一个井号或者写个javascript:void(0)这种东西吗？
<a href="#" id="right">></a>
麻烦您能把a标签里面的href 添加一个井号或者写个javascript:void(0)这种东西吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
第一个函数没有结束，少个}
追问
不行啊，加上也不行
追答
你的第一个函数没有意义，把第一行window.onload=function(){删了
把var声明的变量变成全局变量
另外，href=""不能这样写，应该href="#"，否则会刷新页面。修改后的代码：
>>
这是第一张图片
1/4
var num=0;
var left=document.getElementById('left');
var right=document.getElementById('right');
var text1=document.getElementById('text1');
var text2=document.getElementById('text2');
var img1=document.getElementById('img1');
var arrUrl=['img/1.jpg','img/2.jpg','img/3.jpg','img/4.jpg'];
var arrText=['猫','飞机','十字','天堂'];
right.onclick=function(){
num++;
text2.innerHTML=num+1+"/"+arrUrl.length;
text1.innerHTML=arrText[num];
img1.src=arrUrl[num];
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
