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

JavaScript017

改变透明度在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 如果你图片很多会比上面的方便

1将图片所用变量 弄成一个数组，

var yiguitu1

var myarry=[]

for(var i=0i<ni++){

    var j=yiguitu1+i

    myarry.push(j)

}

2.将你需要的事件做成for循环

foreach(m in myarry){

    m.onmouseover=function(m){

        m.style.opacity=1

    }

    m.onmouseout=function(m){

        m.style.opacity=0.5

    }

}

很好做，给加号添加一个事件，每点击一次增加。给减号也添加一个事件，每点击一次减一次。两个事件如下：

//增加

function add(){

    var img=document.getElementById('id')

    var num=$(img).attr('opacity')//获取透明度数(ie是filter = 'alpha(opacity:'+alpha+')')

    var result=0

    if(num<1)result=num+0.1//每次加0.1，好像最大值是1

    if(result>1) result=1

    $(img).attr('opacity',result)//把加过的值赋给图片

}

//减

functuion fun(){

    var img=document.getElementById('id')

    var num=$(img).attr('opacity')//获取透明度数(ie是filter = 'alpha(opacity:'+alpha+')')

    var result=0

    if(num>0)result=num-0.1//每次减0.1，好像最小值是0

    if(result<0) result=0

    $(img).attr('opacity',result)//把加过的值赋给图片

}

具体要你自己调试，我只是给你提供一个思路。