Js文字切换_文本链接特效

织梦DedeCMS视频教程买空间租服务器选网硕互联！ 无忧站长工具,百度权重一键全查!

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

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>文字切换-/</title>
</head>
<body> 
<style type="text/css">
#dropmrcsubject{
width: 248px;
font-size:9pt;
font-weight: bold;
}

.dropmrc{
width: 248px;
height: 98px;
border: 1px solid black;
background-color: skyblue;
padding: 3px;
display:block;
}
</style>
<script type="text/javascript">
var tickspeed=2000
var enablesubject=1 ///

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.dropmrc{display:none;}\n')
document.write('</style>\n')
}

var selectedDiv=0
var totalDivs=0
function contractall(){
var inc=0
while (document.getElementById("dropmsg"+inc)){
document.getElementById("dropmsg"+inc).style.display="none"
inc++
}
}
function expandone(){
var selectedDivObj=document.getElementById("dropmsg"+selectedDiv)
contractall()
document.getElementById("dropmrcsubject").innerHTML=selectedDivObj.getAttribute("subject")
selectedDivObj.style.display="block"
selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0
setTimeout("expandone()",tickspeed)
}
function startscroller(){
while (document.getElementById("dropmsg"+totalDivs)!=null)
totalDivs++
expandone()
if (!enablesubject)
document.getElementById("dropmrcsubject").style.display="none"
}
if (window.addEventListener)
window.addEventListener("load", startscroller, false)
else if (window.attachEvent)
window.attachEvent("onload", startscroller)

</script>
<div id="dropmrcsubject"></div>
<div id="dropmsg0" class="dropmrc" subject="模板无忧网页特效">
收集或原创精品网页特效，CSS教程，JS常用代码等，方便您的查询和学习。
</div>
<div id="dropmsg1" class="dropmrc" subject="模板无忧源码下载站">
提供各类编程源代码、电子视频教程及编程相关软件下载等，为编程爱好者提供舒适的资料下载区。
</div>
<div id="dropmsg2" class="dropmrc" subject="请牢记模板无忧">
请牢记模板无忧的域名：codeFans.net，大家的支持才是我们前进的动力哦！
</div>
</body>
</html>

所属频道：文本链接特效/更新时间：2012-12-19

[收藏][报错][返回列表]

评论加载中....

Js文字切换_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些

收藏&分享