为什么我的js代码添加判断之后没反应啊，怎么改合适啊，跪求大神指点！！！
<script>
window.onload=function(){
var oBtn1=document.getElementById('btn1');
var oBtn2=document.getElementById('btn2');
var oList1=document.getElementById('list1');
var aLi=document.getElementsByTagName('li');
oBtn1.onclick=function(){
oList1.style.left=oList1.offsetLeft-211+'px';
if (oList1.offsetLeft>0) {
oList1.style.left=0px;
}
else if (oList1.offsetLeft<-640) {
oList1.style.left=-640px;
}///////////////////////////此处的判断条件？？？？？？
};
oBtn2.onclick=function(){
oList1.style.left=oList1.offsetLeft+211+'px';
};
};
</script>
第1个回答 2016-06-07
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{height: 200px;width: 200px;margin: 20px;background: palevioletred;float:left;filter:alpha(opacity:30);opacity: 0.3;}
</style>
<script>
window.onload=function()
{
var alpha=30;
var aDiv=document.getElementsByTagName('div');
for(var i=0;i<aDiv.length;i++){
aDiv[i].timer=null;
aDiv[i].onmouseover=function()
{
startMove(this,100)
};
aDiv[i].onmouseout=function()
{
startMove(this,30)
}
}
function startMove(obj,iTarget)
{
clearInterval(obj.timer);
obj.timer=setInterval(function(){
var speed=(iTarget-alpha)/6;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(alpha==iTarget){clearInterval(obj.timer)}
else
{
alpha+=speed;
aDiv.style.filter='alpha(opacity:'+alpha+')';
aDiv.style.opacity=alpha/100;
}
},30)
}
}
</script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>本回答被网友采纳
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{height: 200px;width: 200px;margin: 20px;background: palevioletred;float:left;filter:alpha(opacity:30);opacity: 0.3;}
</style>
<script>
window.onload=function()
{
var alpha=30;
var aDiv=document.getElementsByTagName('div');
for(var i=0;i<aDiv.length;i++){
aDiv[i].timer=null;
aDiv[i].onmouseover=function()
{
startMove(this,100)
};
aDiv[i].onmouseout=function()
{
startMove(this,30)
}
}
function startMove(obj,iTarget)
{
clearInterval(obj.timer);
obj.timer=setInterval(function(){
var speed=(iTarget-alpha)/6;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(alpha==iTarget){clearInterval(obj.timer)}
else
{
alpha+=speed;
aDiv.style.filter='alpha(opacity:'+alpha+')';
aDiv.style.opacity=alpha/100;
}
},30)
}
}
</script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>本回答被网友采纳
相似回答
