网络编程
网页制作
网络编程
脚本专栏
数据库
服务器
操作系统
网站运营
平面设计
电脑基础
首页
>
网络编程
> 浏览文章
JS、CSS文字切换，定时交替，代码精简
(编辑：jimmy 日期: 2025/12/24 浏览：3 次 )
你可以把它看作像写一般的CSS列表一样，只用增加两三行代码就能完成切换效果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>文本定时变动代码 </TITLE> <style type="text/css"> #newslist{ background:#f8f8f8;border:1px solid silver;padding:1px;height:20px;line-height:20px;width:288px; } #contain{ font-size:12px;overflow:hidden;list-style:none;width:288px;height:20px;margin:0px;padding:0; } #contain li{ height:22px;line-height:22px;white-space:nowrap;overflow:hidden; } </style> </HEAD> <BODY> <ul id="contain"> <li>百度，世界最大的中文搜索引擎</li> <li>CSDN，中国最聚人气的IT技术社区</li> <li></li> <li>播放器</li> </ul> </BODY> </HTML>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
Javascript 仿歌词智能滚动代码
下一篇：
纯CSS 链接悬停提示效果代码
友情链接:
杰晶网络
DDR爱好者之家
南强小屋
黑松山资源网
白云城资源网
网站地图
SiteMap
主页
破解
音乐
影视