2
這就像JavaScript不尊重的CSS樣式定義,只有尊重由JavaScript本身在CSS中所做的更改:控制檯不工作和功能開始工作到很晚
<body onload="fader()">
<img id="ssio" src="../images/slideshow/1.jpg" alt="slideshow" style="width:100%;height:80%;" />
<img id="ssie" src="../images/slideshow/2.jpg" alt="slideshow" style="width:100%;height:80%;" />
<!--css work-->
<style>
img#ssio{
transition:opacity 1s;
position:absolute;
opacity:1;
margin:0;
padding:0;
}
img#ssie{
transition:opacity 1s;
opacity:0;
margin:0;
padding:0;
}
</style>
<!--js work-->
<script>
function fader() {
console.log(document.getElementById("ssio").style.opacity, document.getElementById("ssie").style.opacity, ",", ssion, ssien)
document.getElementById("ssio").style.opacity = document.getElementById("ssie").style.opacity;
document.getElementById("ssie").style.opacity = 1 - document.getElementById("ssio").style.opacity;
setTimeout(fader, 4000);
}
</script>
</body>
爲什麼它不爲工作預期? 爲什麼控制檯和js將css中定義的不透明度視爲null? 我該如何解決它?
你身上?