JS让div左右来回滚动，到达页面右端时，从右端回到左端，然后到达左端时，从左端到达右端
发布网友
发布时间：2022-05-24 12:27
共4个回答
热心网友
时间：2023-10-13 05:55
在你原来的代码上进行了修改，加粗倾斜的部分是添加或者修改的位置
<script>
var timer1 = null;
var el = null;
var left = 1;
function moveItRight() {
if (parseInt(el.style.left) > (screen.width - 50)) //el.style.left = 0;
{
left = -1;
}
else if (parseInt(el.style.left) <= 0) {
left = 1;
}
el.style.left = parseInt(el.style.left) + 2 * left + 'px';//本题目最关键的一句代码，让el对象的左边距每次循环都增加2像素，也就是向右移动了2像素
timer1 = setTimeout(moveItRight, 25);//隔25毫秒后运行一次moveItRight函数
}
window.onload = function () {
el = document.getElementById("div1");
el.style.left = '500px';
moveItRight();
}
</script>
热心网友
时间：2023-10-13 05:55
<html>
<head lang="en">
<meta charset="GBK">
<title></title>
<script>
window.onload=function(){
var d=document.getElementById('d');
var a=10;
var maxW=window.screen.availWidth;
var width=parseInt(getComputedStyle(d,false)['width']);
var maxL=maxW-width;
var timer=setInterval(function(){
var l= parseInt(getComputedStyle(d,false)['marginLeft'])+a;
if(l>maxL){
l=maxL;
a=-10;
}else if(l<0){
l=0;
a=10;
}
d.style.marginLeft=l+'px';
},30);
}
</script>
<style>
body{
margin: 0;
}
#d{
width: 100px;
height: 100px;
border: 1px solid #aaa;
}
</style>
</head>
<body>
<div id="d"></div>
</body>
</html>
热心网友
时间：2023-10-13 05:56
热心网友
时间：2023-10-13 05:56
