改变透明度在js里面怎么写呢?

JavaScript013

改变透明度在js里面怎么写呢?,第1张

这样：

<script language="javascript">

function hide(id)

{

if(document.getElementById(id).filters.alpha.opacity >= 0)

{

document.getElementById(id).filters.alpha.opacity -= 5

window.setTimeout("hide(\"" + id +"\")", 100)

}

}

</script>

扩展资料：

注意事项

此外对于透明度有一点要说明一下，就是在IE中在css中设置透明度的方式filter:alpha(opacity:value)其中value值从0~100

透明度可以通过opacity：value来设置，其中value=0~1.

代码如下：

<!DOCTYPE html>

<html>

<head>

<title>js动画事件</title>

<link href="move.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="move.js"></script>

</head>

<body>

<div id="div1">

</div>

</body>

</html>

仅从代码来看是没问题的。但影响程序运行的因素是多方面的，没看到你完整的代码（包括js和html），不好妄下定论，仅仅猜测一下：你说运行到调整透明度的语句就不再往下运行了，那么原因估计是两个：一是left和right这两个id在页面上不存在（或者存在一个以上）；二是浏览器不支持opacity。你可以在出错的地方测试一下：

console.log(document.getElementById("left"))

console.log(document.getElementById("left").style.opacity)

只要看哪个显示的是undefined，就知道是哪个出问题了。

其实你按F12打开开发者界面，看一下红字提示应该就知道什么原因了啊？不会用吗？

以css3，opacity为列：

jquery 库，设置方法：

$(".ClassName").css({"opacity":.5})

原生JS：

var parent = document.body

var children = parent.childNodes

for(var i=0i<children.lengthi++) {

    var class = children[i].className

    if(!!class){

        var classArr = class.split(/\s+/gi)

        for(var j=0j<classArr.lengthj++) {

            if("ClassName" == classArr[j]) {

                children[i].style.opacity=.5

                break

            }

        }

    }

}