高效（低带宽）浏览器友好的方式，通过淡入/淡出在网页上显示交替文本
我正在寻找一种轻量级、低带宽、跨浏览器的解决方案，以通过淡入/淡出在网页上的 div 中显示一些交替文本。
因此不包含整个 Jquery JavaScript 库。
文本可能只是硬编码在 html 中。
I'm looking for a light-weight, low bandwidth, cross-browser solution to show some alternating texts in a div on webpage with fadein/fadeout.
So no including of entire Jquery JavaScript libraries.
The texts may simply be hard-coded in html.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
有很多教程可以在没有 jQuery 的情况下用 javascript 生成简单的淡入/淡出功能，这是我通过 google 找到的一个教程。
http://www.switchonthecode.com/tutorials/javascript-tutorial-simple -淡入淡出动画
There are plenty of tutorials to produce simple fadein/out functionality in javascript without jQuery, here is one I found thanks to google.
http://www.switchonthecode.com/tutorials/javascript-tutorial-simple-fade-animation
最简单的方法是使用透明文本颜色。您只需将颜色透明度从 0 增加到 1 即可淡入，然后再降低到淡出。这是在非 IE 浏览器中使用 RGBA 完成的，如下所示：
使用 JS 设置 div 样式
对于 IE，请使用：
此处您必须增加和减少此十六进制值 #66
The simplest way is by using transparent text color. You just increase the color transparency from 0 to 1 for fade in and then back down for the fade out. This is done in non IE browsers with RGBA like that:
Set the div style with JS
For IE, use:
Here you must increase and decrease this HEX value #66