js图片切换问题，高手来看看
<html><bodyonLoad="nav_ch()"><script>functionnav_ch(){varx=document.getElementById("n...
<html>
<body onLoad="nav_ch()">
<script>
function nav_ch()
{
var x=document.getElementById("nav").getElementsByTagName("img");
var a=new Array("images/img1.jpg","images/img2.jpg","images/img3.jpg");
var b=new Array("images/img1_1.jpg","images/img2_1.jpg","images/img3_1.jpg");
for(var i=0;i<x.length;i++)
{
x[i].onmouseover=function(){
this.src=b[i]}
x[i].onmouseout=function(){
this.src=a[i]}
}
}
</script>
<div id="nav">
<img src="images/img1.jpg">
<img src="images/img2.jpg">
<img src="images/img3.jpg">
</div>
</body>
</html>
结果显示a[i],b[i]没定义，怎么回事？？ 展开
<body onLoad="nav_ch()">
<script>
function nav_ch()
{
var x=document.getElementById("nav").getElementsByTagName("img");
var a=new Array("images/img1.jpg","images/img2.jpg","images/img3.jpg");
var b=new Array("images/img1_1.jpg","images/img2_1.jpg","images/img3_1.jpg");
for(var i=0;i<x.length;i++)
{
x[i].onmouseover=function(){
this.src=b[i]}
x[i].onmouseout=function(){
this.src=a[i]}
}
}
</script>
<div id="nav">
<img src="images/img1.jpg">
<img src="images/img2.jpg">
<img src="images/img3.jpg">
</div>
</body>
</html>
结果显示a[i],b[i]没定义，怎么回事？？ 展开
展开全部
<html>
<body onLoad="nav_ch()">
<script>
function nav_ch()
{
var x = document.getElementById("nav").getElementsByTagName("img");
var a = new Array("images/img1.jpg","images/img2.jpg","images/img3.jpg");
var b = new Array("images/img1_1.jpg","images/img2_1.jpg","images/img3_1.jpg");
for(var i=0;i<x.length;i++)
{
// 这样修改一下. 因为你是要动态添加
// 事件的处理函数, 这是有一个问题, 就是
// 在javascript中, 事件处理函数的内容真正
// 的执行时间是在他被触发的时候, 而这是你的
// i其实是等于循环后的最大值, 这就导致你的图片始终
// 是数组中的最后一张(我表达能力有限, 是在抱歉
// 建议你还是多看看书吧, javascript权威指南, 我
// 推荐你看一看)
x[i].mouseover_img = b[i];
x[i].onmouseover = function(){
this.src = this.mouseover_img;
}
x[i].onmouseout_img = a[i];
x[i].onmouseout = function(){
this.src = this.onmouseout_img
}
}
}
</script>
<div id="nav">
<img src="images/img1.jpg">
<img src="images/img2.jpg">
<img src="images/img3.jpg">
</div>
</body>
</html>
<body onLoad="nav_ch()">
<script>
function nav_ch()
{
var x = document.getElementById("nav").getElementsByTagName("img");
var a = new Array("images/img1.jpg","images/img2.jpg","images/img3.jpg");
var b = new Array("images/img1_1.jpg","images/img2_1.jpg","images/img3_1.jpg");
for(var i=0;i<x.length;i++)
{
// 这样修改一下. 因为你是要动态添加
// 事件的处理函数, 这是有一个问题, 就是
// 在javascript中, 事件处理函数的内容真正
// 的执行时间是在他被触发的时候, 而这是你的
// i其实是等于循环后的最大值, 这就导致你的图片始终
// 是数组中的最后一张(我表达能力有限, 是在抱歉
// 建议你还是多看看书吧, javascript权威指南, 我
// 推荐你看一看)
x[i].mouseover_img = b[i];
x[i].onmouseover = function(){
this.src = this.mouseover_img;
}
x[i].onmouseout_img = a[i];
x[i].onmouseout = function(){
this.src = this.onmouseout_img
}
}
}
</script>
<div id="nav">
<img src="images/img1.jpg">
<img src="images/img2.jpg">
<img src="images/img3.jpg">
</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
