易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
JS、CSS文字切换，定时交替，代码精简
你可以把它看作像写一般的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><SCRIPT LANGUAGE="JavaScript"> function xx（）{ var container=document.getElementById（"contain"）; container.appendChild（container.firstChild）; } setInterval（"xx（）",2000）; </SCRIPT> </BODY> </HTML>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站