这样：
<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 yiguitu1var 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)//把加过的值赋给图片
}
具体要你自己调试，我只是给你提供一个思路。
