Js文字切换

2024-09-05 12:21:29

字体：大中小

来源：转载

供稿：网友

Js文字切换，可以无限扩展需要切换的文字组，每段文字可以允许设置一个标题，切换时连同标题一并切换，颜色和文字可以自己修改，其实这个效果是很不错是的，美化一下会更好。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>文字切换</title></head><style type="text/css">#dropcontentsubject{width: 248px;font-size:9pt;font-weight: bold;}.dropcontent{width: 248px;height: 98px;border: 1px solid black;background-color: skyblue;padding: 3px;display:block;}</style><script type="text/javascript">var tickspeed=2000var enablesubject=1 if (document.getElementById){document.write('<style type="text/css">/n')document.write('.dropcontent{display:none;}/n')document.write('</style>/n')}var selectedDiv=0var totalDivs=0function contractall(){var inc=0while (document.getElementById("dropmsg"+inc)){document.getElementById("dropmsg"+inc).style.display="none"inc++}}function expandone(){var selectedDivObj=document.getElementById("dropmsg"+selectedDiv)contractall()document.getElementById("dropcontentsubject").innerHTML=selectedDivObj.getAttribute("subject")selectedDivObj.style.display="block"selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0setTimeout("expandone()",tickspeed)}function startscroller(){while (document.getElementById("dropmsg"+totalDivs)!=null)totalDivs++expandone()if (!enablesubject)document.getElementById("dropcontentsubject").style.display="none"}if (window.addEventListener)window.addEventListener("load", startscroller, false)else if (window.attachEvent)window.attachEvent("onload", startscroller)</script><body><div id="dropcontentsubject"></div><div id="dropmsg0" class="dropcontent" subject="网页特效">收集或原创精品网页特效，CSS教程，JS常用代码等，方便您的查询和学习。</div><div id="dropmsg1" class="dropcontent" subject="源码下载">提供各类编程源代码、电子书籍教程及编程相关软件下载等，为编程爱好者提供资料下载。</div><div id="dropmsg2" class="dropcontent" subject="请牢记源码爱好者">请牢记我们，大家的支持才是我们前进的动力哦！</div></body></html>

上一篇：网站公告Js滚动代码

下一篇：渐隐渐出式文字交替显示特效

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注