本文介绍了如何使用原生JavaScript实现图片的透明度运动，特别讨论了兼容性问题，包括不同浏览器下的透明度写法差异，以及如何处理小数运算中的近似值。通过设置元素、透明度和速度参数，实现淡入淡出效果，并提供了一个在线操作的示例。
JS图片透明度的运动处理
原生JS实现图片的透明度运动 在之前的JS运动中，我们介绍的是div的运动，如果我们想操作图片的透明度的问题。让其随鼠标移入移出呈现不同的透明度，在应用上就是常见的淡入淡出效果，应该怎么操作呢？ 在编写这些代码之初，我们应该有以下了解以下几点：
1、图片的透明度opacity有兼容性问题。在不同的浏览器下的写法不同
2、既然opacity有兼容性问题，那么选择哪一个数值最好。而且在非标准浏览器下虽然显示不出小数的opacity的值，但是可以读出来。
3、计算机关于小数的运算是采用近似值的运算。对于透明度opacity的运算应该怎么操作？
首先我们将HTML和CSS部分写出来
#img1 { opacity: 0.3; miaov: 妙味; filter: alpha(opacity=30); margin-left: 200px;}
<body>
<img src="http://www.webforend.com/uploads/allimg/170114/1_2234256861.jpg" id="img1" />
</body>
<script>
window.onload = function() {
var oImg = document.getElementById('img1');
var
最低0.47元/天 解锁文章
1270
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
