高效（低帶寬）瀏覽器友好的方式來顯示網頁上的淡入淡出/淡出

Question

我正在尋找一個輕量級，低帶寬，跨瀏覽器的解決方案，以在網頁上顯示一些交替文本淡入淡出。

因此不包括整個Jquery JavaScript庫。

該文本可能只是硬編碼在HTML中。

Answer 1

有很多教程可以在沒有jQuery的情況下在javascript中產生簡單的淡入/淡出功能，這裏是我發現的感謝谷歌。

http://www.switchonthecode.com/tutorials/javascript-tutorial-simple-fade-animation

Answer 2

的最簡單的方法是通過使用透明的文本顏色。您只需將淡入淡出的顏色透明度從0增加到1，然後再淡出淡出。這是在非IE瀏覽器與RGBA幹過這樣的：

div#someDiv 
{ 
color: rgba(198,222,162,.60); 
} 

設置div樣式與JS

對於IE，使用方法：

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66C6DEA2,endColorstr=#66C6DEA2)"; 

在這裏，你必須增加或減少這個十六進制值＃66