<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<style?type="text/css">
#div1{
width:300px;
height:300px;
background:red;
filter:alpha(opacity:30);/*IE瀏覽器*/
opacity:0.3;/*火狐或者其它瀏覽器*/
}
</style>
<title>無標題文檔</title>
<script>
window.onload?=?function(){
var?oDiv?=?document.getElementById('div1');
oDiv.onmouseover?=?function(){
starMove(100);
}
oDiv.onmouseout?=?function(){
starMove(30);
}
}
var?timer?=?null;
var?alpha?=?30;
function?starMove(iTarget){
oDiv?=?document.getElementById('div1');
clearInterval(timer);
timer?=?setInterval(function(){
var?speed?=?0;
if(alpha?>?iTarget)
{
speed?=?-10;
}
else
{
speed?=?10;
}
if(alpha?==?iTarget)
{
clearInterval(timer);
}
else
{
alpha+=speed;
oDiv.style.filter?=?'alpha(opactiy:'+alpha+')';/*IE*/
oDiv.style.opacity?=??alpha/100;/*其它瀏覽器*/
}
},30)
}
</script>
</head>
<body>
<div?id="div1"></div>
</body>
</html>不知道為什么IE不行？
為什么在IE瀏覽器下，鼠標經過透明度不改變，哪里出現問題了
聰明寶貝寶貝
2016-09-12 12:53:42
