<script>
function go(obj) {
obj.filters[0].Apply();if (obj.style.visibility == "visible") {
obj.style.visibility = "hidden";
}
else {
obj.style.visibility = "visible";
}
obj.filters[0].Play();
}
</script>
<style>
.as{filter:blendtrans(duration=0.5)}
.bs{filter:revealtrans(duration=2,transition=3)}
</style>
<INPUT TYPE="button" VALUE="this?" onClick="go(c1);"></INPUT>
<span ID="c1" STYLE="position:absolute;visibility:visible;background:red" class="as">淡入淡出</span>
function go(obj) {
obj.filters[0].Apply();if (obj.style.visibility == "visible") {
obj.style.visibility = "hidden";
}
else {
obj.style.visibility = "visible";
}
obj.filters[0].Play();
}
</script>
<style>
.as{filter:blendtrans(duration=0.5)}
.bs{filter:revealtrans(duration=2,transition=3)}
</style>
<INPUT TYPE="button" VALUE="this?" onClick="go(c1);"></INPUT>
<span ID="c1" STYLE="position:absolute;visibility:visible;background:red" class="as">淡入淡出</span>
<body onload="go(c1);">就可以了,不过我觉得这样意义不大.
(其它部分就是上面的代码.)
在網頁上有一個用Java類處理的圖片,打開的時間會比較長,我想在它沒有打開的時間裡用另外的一幅圖蓋在它的上面,等它完全的下載完成後(onload),就讓覆蓋在上面的圖片淡出,在網上沒有看到過類似的用法,不知道是否可行?請高手指點!