| |
|
|
| | есть такой код на явескрипт -
script language=JavaScript>
var m = new Array(0,100);
var t = new Array();
function next() {
m[0]+=1;
m[1]-=1;
document.getElementById("a1").style.opacity = m[1]/100;
document.getElementById("a1").style.filter="alpha(opacity="+m[0]+")";
document.getElementById("a2").style.opacity = m[0]/100;
document.getElementById("a2").style.filter="alpha(opacity="+m[1]+")";
t[0] = setTimeout("next()",5);
if (m[0]>98) clearTimeout(t[0]);
};
</script>
|
и вот этот в html -
<div id="a1" >
<img src='i/222.gif' >
</div>
<div id="a2" >
<img src='i/111.gif'>
</div>
<div onclick='next()' style='cursor: pointer'>
Фига
</div>
|
и вот строка в CSS -
#a1{position:absolute; top:150px; left:800px;opacity:0;filter:alpha(opacity=0)}
#a2{position:absolute; top:150px; left:880px;}
|
должно происходить следующее - при нажатии на див с "онклик" плавно затухает див А2 и плавно появляется А1 .... в эксплорере все работает как надо, а файр фокс по нажатию резко отображает А1 и уже с него плавно переходит на А2
в чем ошибка?
и еще может сможете дописать код так, чтоб был еще один див, при нажатии на который происходило обратное действие - т.е нажал на див - картинки поменялись..нажал на другой див - обратно встали... заранее благодарен | |
| |
|
