-
慕斯卡94142838
2021-08-13
- 为什么timer 一定要赋值为 null ？
就是为了内存的小优化
- 1回答·724浏览
-
qq_晴雨云_0
2019-09-22
- 为什么当我快速在盒子之间移动的时候，div盒子的宽度会无限长，移出会变为0
代码如下：
function startmove(obj, iTarget) {
clearInterval(obj.timer);
obj.timer = setInterval(function () {
var speed = (iTarget - parseInt(getStyle(obj, 'width'))) / 10;
speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
if (parseInt(getStyle(obj, 'width')) == iTarget) {
clearInterval(obj.timer);
} else {
obj.style.width = parseInt(getStyle(obj, 'width')) + speed + 'px';
}
}, 30)
}
- 2回答·1155浏览
-
qq_慕仙5504668
2019-08-23
- 请问大佬哪儿错了啊？？？
var aLi = document.getElementsByTagName('li');
这句打错了
- 2回答·871浏览
-
weixin_慕容1384957
2019-06-29
- 为什么会有这个区别
- 2回答·795浏览
-
慕虎9073884
2019-06-05
- 我一直查不出我哪里错了。运行不出来
两个地方有错误，
- 1回答·960浏览
-
cher6271
2019-04-27
- 浏览器报offsetWidth未定义（已解决）
请问是怎么解决的呀
- 1回答·1896浏览
-
慕仙2458872
2018-08-09
- obj是一个数组吗
- 7回答·1475浏览
-
夜阑卧听风吹雨y
2018-06-22
- 每次按照老师的，一样写都运行不出来，大神们帮帮忙
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
*{padding:0;margin:0;}
ul,li{list-style:none;}
ul li{
width:200px;
height:100px;
line-height:100px;
background:yellow;
margin-bottom:20px;
}
</style>
<script >
window.onload=function()//网页刚打开的就时候执行函数
{
var aLi=document.getElementsByTagName("li");
for(var i=0;i<aLi.length;i++)
{
aLi[i].timer=null;
aLi[i].onmouseover=function()//鼠标移上去的时候执行函数function
{
startMove(this,400);//参数1 开始运动到400这个位置
}
aLi[i].onmouseout=function()
{
startMove(this,200);//参数2 返回运动到200这个位置
}
}
}
// var timer = null;
function startMove(obj,iTarget)//前面有两个参数，这里也要写两个参数
{
clearInterval(obj.timer);//关闭定时器
obj.timer = setInterval(function()
{ /*对象的可见宽度*/ //即距离
var speed =(iTarget-obj.offsetWidth)/8;//速度=(目标值-东西的宽度)/时间
speed = speed >0?Math.ceil(speed):Math.floor(speed);
//速度=速度>0那么向上取整：否则向下取整；
if(obj.offsetWidth == iTarget)
{
clearInterval(obj.timer);
}
else
{
obj.style.width = obj.offsetWidth + speed + 'px';
}
},30);
}
</script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
- 4回答·1456浏览
-
这就尴尬了
2018-05-03
- 我这个代码哪里出错了，为什么鼠标移上去没用的？
- 2回答·1179浏览
-
ByThy
2018-04-06
- 为什么设置成IE的怪异盒子模型行不通？
原因是style.width仅能返回以style方式定义的内部样式表的width属性值，故第24行代码需修改为<div id="div1" style="width: 200px"></div>，再把原先的width样式删除即可。
- 1回答·1552浏览
-
remmargorP
2017-12-22
- 为什么定义aLi[i].timer的时候不用 var ?
var 是声明变量 aLi[i].timer 是声明一个属性
- 1回答·1480浏览
-
慕勒0078764
2017-10-18
- 求大神帮忙看看，为什么div的颜色没有变化
- 4回答·1550浏览
-
又报错了T_T
2017-09-21
- 我的获取到的对象一直是window 代码如下 移入就会报错
- 已采纳 weibo_堂客啊_04055191 的回答
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>JS动画2</title> <style type="text/css"> ul li { list-style: none; width: 200px; height: 100px; background: yellow; margin-bottom: 20px; } </style> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </body> <script type="text/javascript"> window.onload=function() { var lis=document.getElementsByTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].timer=null;//给每一个li设一个私有的定时器 lis[i].onmouseover=function(){//不是等于符号是点. Move(this,400); } lis[i].onmouseout=function(){//不是等于符号是点. Move(this,200); } } } //var timer=null;不能共用同一个定时去 function Move(tar,aim) { clearInterval(tar.timer); tar.timer=setInterval(function(){ var sp=(aim-tar.offsetWidth)/8; sp=sp>0?Math.ceil(sp):Math.floor(sp); if(tar.offsetWidth==aim){ clearInterval(tar.timer); }else{ tar.style.width=tar.offsetWidth+sp+"px";//这里你写反了 } },10); } </script> </html>- 1回答·1490浏览
-
慕粉2023498883
2017-09-16
- 跪求怎么实现物体移动和透明度同时变化啊？
- 2回答·898浏览
-
慕粉3601794
2017-09-14
- 为啥鼠标上下来回滚动时候，li消失，或者无限制的增加，是浏览器运行比较卡，还是代码问我。
- 已采纳 慕粉190336714 的回答
用控制台查了一下，你的speed 是不变的，这样的话，if(obj.offsetWidth==target)有可能永远都不满足，例如：用速度9从两百运动到400，会刚好错过400这个值，计时器就一直没被清除。
解决方法：
把speed的计算放进setInterval里面的那个参数下
代码：
function startMove(obj,target){
clearInterval(obj.timer);
obj.timer=setInterval(function(){var speed=(target-obj.offsetWidth)/10;
speed=speed>0?Math.ceil(speed):Math.floor(speed);if(obj.offsetWidth==target){
clearInterval(obj.timer);
}else{
obj.style.width=obj.offsetWidth+speed+'px';
}
},30)
}- 2回答·1410浏览
-
慕用7235999
2017-07-25
- 不知道哪错了，就是运行不出来
obj.style.width中的width小写，js是区分大小写的，你再试试
- 2回答·828浏览
-
香宝的夫差
2017-07-15
- 在多个物体透明度动画里
window.onload=function(){ oDiv[i].style.alpha=30;}？
- 1回答·819浏览
-
浪里白嫖张顺
2017-07-12
-
曾嵘
2017-06-14
- 37，38行是什么意识，了解的解答一下，谢谢
37和38行？
37行是获取到id为‘li2’的元素。
38行是给id为‘li1’的元素添加鼠标经过事件。
- 1回答·1064浏览
-
慕函数7258168
2017-05-18
- 请问大佬们 这个代码哪里错了``我检查不出来
- 已采纳 Gellin 的回答
Li[i].onmouseover中的‘.’被你写成‘，’，逗号跟点的问题确实比较难找出来
- 1回答·1092浏览
-
qq_宝怪儿_0
2017-05-17
- 实在找不出为什么我的就是没有反应呢？
- 3回答·1022浏览
-
OneMagic
2017-05-08
- 有什么办法能简化这个代码吗？
可以简化，将变化方法封装一下，后面会有讲到。大概的意思就是说将 当前对象，需要改变的样式，目标值这些都传过去就可以了
- 1回答·637浏览
-
山巅对弈
2017-04-27
- var获取id问题
作用域问题，你自己看下各个var获取id的声明在哪
- 1回答·717浏览
-
迎风向上乀
2017-04-11
- 结束结束
啊,解决了可以出现的问题,把53行代码去掉,
但是这样宽度的变化又出现了问题,怎样优化代码能同时实现效果呢?
- 1回答·551浏览
-
杨辰沁再不疯狂就老了
2017-04-10
- 用jQuery实现时出错，请大神帮看看
- 1回答·706浏览
-
慕田峪6997291
2017-04-06
- 看了又看还是没发现哪里错了，透明度没反应
- 已采纳 qq_沃德天维森陌拉莫帅yb_0 的回答
获取的时候错了 应该是document.getElementsByTagName('div');
- 3回答·1050浏览
-
fly狂奔的蜗牛
2017-03-30
- 关于这个for循环的问题
打个比方，里面有3个苹果，分别是1、2、3；我直接去拿第三个，你要说我把3个都拿了吗
- 1回答·671浏览
-
LittleCRush
2017-03-27
- 循环里的重复函数？
我怎么一直报错啊
- 1回答·572浏览
-
慕田峪6011835
2017-03-10
- alpha属性的问题
定义for循环里面的alpha透明度属性应该只是为了后面的clearInterval(obj.timer);可以关闭
- 1回答·949浏览
-
慕粉1703136593
2017-03-09
- 改变透明度的代码，代码运行没反应
- 已采纳 我姓杨却不能信仰 的回答
老铁，你写掉了一个字母，鼠标鼠标事件根本不能执行。
adiv[i].onmoseover=function(){startMove(this,100);}中 onmoseover应该是onmouseover
- 3回答·963浏览
