[已解决]javascript'question,The code can't work.

1314xxxxxx · 发表于 2017-7-8 21:36:53

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

This is the javascript code.

<html>
<head>
<style>
.big{
height:0px;
position:relative;
top:50%;
left:50%;
float:left;
}
.small{
height:50px;
width:100px;
float:left;
position:relative;
top:50%;
left:50%;
border:2px solid #FFFFFF;
}
#bigPic{
height:300px;
width:300px;
position:relative;
top:50%;
left:50%;
}
#smallPic{
position:relative;
top:50%;
}
input{
height:50px;
width:50px;
position:relative;
top:50%;
left:50%;
float:left;
}
</style>
<script>
window.onload=function()
{
function startMove(obj,arrt,weizhi,speed)
{
clearInterval(obj.timer);
if (obj.currentStyle[arrt])
{
var dangqian = obj.currentStyle[arrt];
}
else
{
var dangqian = getComputedStyle(obj,false)[arrt];
}
var speed = speed;
obj.timer = setInterval(function()
{
dangqian += speed;
if (dangqian >= weizhi)
{
if (obj.currentStyle[arrt])
{
obj.currentStyle[arrt] = dangqian + "px";
}
else
{
getComputedStyle(obj,false)[arrt] = dangqian + "px";
}
}
else
{
clearInterval(obj.timer);
}
},30)
}
var oBigImg = document.getElementById("bigPic").getElementsByTagName("img");
var oSmallImg = document.getElementById("smallPic").getElementsByTagName("img");
for (var x = 0;x < oSmallImg.length;x++)
{
oBigImg[x].timer = null;
oSmallImg[x].timer = null;
oBigImg[x].index = x;
oSmallImg[x].index = x;
oSmallImg[x].onmouseover = function()
{
if (oBigImg[this])
{
startMove(oBigImg[this],height,0,-5); Error!
}
else
{
startMove(oBigImg[this],height,300,5); Error!
}
}
}
}
</script>
</head>
<body>
<div id="bigPic">
<img src="Pictures/bg1.jpg" class="big" style="height=300px;"/>
<img src="Pictures/bg2.jpg" class="big" />
<img src="Pictures/bg3.jpg" class="big" />
<img src="Pictures/bg4.jpg" class="big" />
</div>
<div id="smallPic">
<input type="button" value="<" />
<img src="Pictures/bg1.jpg" class="small" />
<img src="Pictures/bg2.jpg" class="small" />
<img src="Pictures/bg3.jpg" class="small" />
<img src="Pictures/bg4.jpg" class="small" />
<input type="button" value=">">
</div>
</body>
</html>

复制代码

最佳答案

月排行榜 / 总排行榜

samhong

2017-9-7 10:33:13

startMove(oBigImg[this],height,0,-5);
因为height变量还没有定义

跳转到最佳答案楼层

samhong · 发表于 2017-9-7 10:33:13

这个最佳答案由 samhong 给出，感谢 samhong 的回答。

单击隐藏图章

startMove(oBigImg[this],height,0,-5);
因为height变量还没有定义

账号		自动登录	找回密码
密码			立即注册