-
慕虎3406535
2020-04-12
- 透明度一直闪？
先说原因：由于小数在计算时会先转换为二进制，存在精度丢失。
JS的小数运算常用的方法有两种：
1. 先转成整数，例如代码里的乘以100的做法
num.toFixed()方法，指定保留的小数位数，在截取时会进行四舍五入。
实际上，无论移入移出鼠标，都在抖动的。
下面是控制台输出的透明度。
1.移入鼠标的透明度
2.移出鼠标的透明度
- 2回答·1004浏览
-
精慕门9383623
2019-08-17
- 完整代码
非常好！
- 1回答·1213浏览
-
每天学习一点丶
2019-04-20
- 如果用纯CSS实现的话，与JS实现相比有什么优势吗
代码行数
- 2回答·984浏览
-
慕无忌1294876
2019-03-31
- index1.html?__hbt=1553998985572:48 Uncaught TypeError: Cannot read property 'style' of null
if(speed > iTarget){
speed = -10;
}else{
speed = 10;
}这不是speed>Tarfet,而是alpha > Target
- 2回答·2329浏览
-
破釜沉舟0511
2019-03-13
- 各位大神看看是哪里出了问题，浏览器加载不出效果（360浏览器）
onmouseover 和 onmouseout
- 2回答·1462浏览
-
海之夜
2019-01-12
- 没有任何效果 并且控制台报Unable to set property 'onmouseover' of undefined or null reference 这个错误，望各位大神帮忙
time=setInterval 这行里，应该是timer ,不是time
- 2回答·4390浏览
-
iFlowers
2018-12-22
- 似乎没有效果，请大家指导一番
js代码写在head里，你写的是window.onload(){};写错了 应该是widow.onload=function(){}; 所有的js代码写在function里
- 2回答·1092浏览
-
fortunate蚂蚁
2018-12-10
- onmouseover是移动到元素上触发一次还是指针悬浮时触发
- 已采纳 请让我安静一会儿 的回答
只要没离开指定的元素，就成在mouseover事件；函数就在执行；
- 1回答·1417浏览
-
qq_我是好小伙_agAGM7
2018-12-07
- 为什么鼠标移出的时候，透明度变回0.3，还在一直向上走？？？用的Google浏览器，而且我发现filter并没有执行
应该是 filter:alpha(opacity=30)
- 2回答·1133浏览
-
慕工程1089298
2018-09-11
- 关于一个函数同时分别控制多个对象
- 已采纳 丶归途 的回答
使用getElementsByTagName来获取‘a’,此时获取的是一个数组对象，包含3个‘a’对象；然后通过数组编号来准确获取其中一个，或者通过循环遍历这个数组来对这3个进行设置。
一段程序里面id只能是唯一的，不能有两个相同ID，在这儿你可以把ID改为class，然后用getElementsByClassName来获取对象，之后是一样的。
- 1回答·1408浏览
-
qq_深海鱼肝油_0
2018-08-06
- 按照视频中的代码。写的一摸一样，为什么在IE浏览器中还是运行不了呢，代码没问题啊，检查好几遍了
首先第二行winddow.onload你检查一下。 其次这两句第一句说是针对IE指的是IE版本8及以下，8以上及其他浏览器用第二句。 oDiv.style.filter='alpha(opacity:'+alpha+')';//ie8及以下 oDiv.style.opacity=alpha/100;//ie8以上及其他浏览器
- 4回答·1534浏览
-
东经113北纬27
2018-07-31
- 求救，速度动画我用两个参数做是可以运行的，这个透明度，我鼠标移入移出，透明度没变啊，求大佬们看下代码
oDiv.onmouseover = function(){
startMove(10,100);
oDiv.onmouseout = function(){
startMove(-10,30);
}
}
这里错了 没{}对。应该是
oDiv.onmouseover = function(){
startMove(10,100);
}
oDiv.onmouseout = function(){
startMove(-10,30);
}
- 4回答·1162浏览
-
夜阑卧听风吹雨y
2018-06-21
- 运行时的问题
因为没有提供代码，我猜，你的 css 属性里面设置的 opacity 的初始值是 100， 然后在 js 里设置初始值为 30，所以。一开始看到的是 100， 鼠标移上去执行 30 值，然后再变回 100，就成了闪现的效果了。
- 2回答·954浏览
-
Number_1
2018-06-12
- 练习js透明度动画的时候报了这样的错误：part2-opacity.html?_ijt=p2ei6la3k2jfia9gtb6od1s006:27 Uncaught TypeError: Cannot set property 'onmouseover' of null at window.onload
大哥，你这是class="block",是类选择器啊，只能用document.getElementsByClassName("block")[0]来获取啊，还要看浏览器是否支持getElementsByClassName方法，不支持的话可以创建该方法
- 1回答·1369浏览
-
慕粉3122678
2018-05-30
- 鼠标移出时，使offsetLeft为0的另一种方法
好的 ok
- 1回答·494浏览
-
泰允西
2018-01-27
- 为什么出不来透明度
- 4回答·1398浏览
-
慕标6569998
2017-12-18
- 请问这段提示”can not set property onmouseover of null“是什么原因，要怎么解决
can not set property onmouseover of null看错误，应该是未找到元素。尝试把js放在页面最底部再获取div元素。
- 1回答·2496浏览
-
慕粉3601794
2017-09-18
- 为什么speed直接用小数不可以，只能用整数，speed/100才可以，用小数判断出错？？？？
- 已采纳 慕数据9685367 的回答
javascript的计算能力不强，用小数的方式来做数学运算容易得出错误结果，建议需要运算的代码尽量避开小数。
- 1回答·1537浏览
-
qq_浮浅_0
2017-09-06
- 大神帮我看一下哪块出错了，非常感谢！！
- 2回答·1104浏览
-
qq__1331
2017-08-07
- 我在控制台查看属性都跑的了, 就是他的效果不显示,很郁闷呀求救
不知道为什么复制的代码出现很多变成中文了，opacity才是正确的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>透明度</title>
<style type="text/css">
*{padding: 0;margin: 0;}
#div1{
width:200px;
height:200px;
background:red;
filter:alpha(opacity:30);//透明度30
opacity:0.3;
}
</style>
<script >
window.onload = function ()
{
var oDiv=document.getElementById("div1");
oDiv.onmouseover = function()
{
startMove(100);//鼠标移上去触发透明度100
}
oDiv.onmouseout = function()
{
startMove(30);//鼠标移开触发透明度30
}
}
var timer = null;
var alpha = 30;
function startMove(iTarget)
{
var oDiv=document.getElementById("div1");
clearInterval(timer);
timer = setInterval(function()
{
var speed = 0;//速度
if(alpha > iTarget)
{ speed = -10;}
else
{ speed = 10;}
if(alpha == iTarget)//iTarget目标
{clearInterval(timer);}//关闭定时器
else
{
alpha += speed;
oDiv.style.filter = 'alpha(opacity:'+ alpha + ')';
oDiv.style.opacity = alpha/100;
}
},30);
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
- 4回答·1140浏览
-
cym01494
2017-07-30
- 为什么写这两句，具体医生不太明白。
为了不同浏览器的兼容性
- 1回答·670浏览
-
浪里白嫖张顺
2017-07-11
- 关于alpha>iTarget的问题想问下大家
你这样想：iTarget是个定值（30，100）；
alpha是一个随时间变化而变化的值，即所对应的颜色深浅。
当alpha>iTarget时，是不是iTarget只能取30，这个不等式才能有效。即他的目标值是30，是不是颜色要变浅啊，颜色变浅是不是要给alpha值递减啊，递减的话，只能加一个负数吧。
你画一个数轴，标出alpha与iTarget就比较明显
- 2回答·912浏览
-
街角疯
2017-06-08
- 两个变量的位置问题
- 已采纳 qq_等风来_55 的回答
因为每一次的循环调用都初始化了它的值 使其无法叠加
- 2回答·1239浏览
-
狂人的哀伤
2017-05-12
- wang.style.filter="alpha(opactiy:"+alpha+")";代码最后不写这句也可以运行
这只是为了兼容IE游览器所写得代码，如果你是使用IE游览器来测试你的效果，就必须加上这句代码了
- 1回答·785浏览
-
暮女神
2017-04-28
- 为什么要用变量alpha代替oDiv.style.opacity或oDiv.style.filter
因为爱
- 1回答·721浏览
-
慕粉1235143442
2017-04-16
- 找不到错误啊，感觉一样啊 ，透明度没反应
发现了，onmouseover的n写成了m，哭
- 1回答·654浏览
-
元气满满来学习
2017-04-14
- 鼠标移动显示不出渐变的效果
- 2回答·1076浏览
-
Freen247
2017-04-07
- style.filter='alpha(opactiy:'+alpha+')';什么意思？ 看不懂耶
- 已采纳 qq_sos_1 的回答
第一个alpha是属性，第二个是变量
- 3回答·1233浏览
-
慕田峪6997291
2017-04-06
- 鼠标移出后没有反应
明白了，把var alpha=30移出去就可以啦
- 1回答·742浏览
-
死之外科医生
2017-03-31
- 求教这个错在哪？
- 已采纳 小狗旺旺 的回答
首先获取元素要在文档加载完成之后才能获取到的，其次是你那个速度是网页加载完成的时候输入的，所以要在点击事件里面获取，才能得到输入的速度值，这个值是个字符串用parseInt()转义下，speed是全局变量可以在函数里面使用，不用带进去
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js动画制作</title>
<style type="text/css">
#div1{
width:200px;
height:200px;
border:2px solid red;
position:absolute;
left:0px;
top:50px;
}
</style>
</head>
<body>
<div id="div1"></div>
设置速度<input type="text" id="txt1"/>px/s
<input type="button" value="点击开始运动" style="position:relative;" onclick="startqwe()" />
<script type="text/javascript">
//获取元素要在文档加载完成之后在获取，一般写在最后面
var qwe=document.getElementById('div1');
var speed=document.getElementById('txt1').value;
function startqwe(){
//点击之后获取到速度值
speed=document.getElementById('txt1').value;
setInterval(function(){qwe.style.left=qwe.offsetLeft+parseInt(speed)+'px';
},1000);
}
</script>
</body>
</html>
- 3回答·737浏览
