每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

网页特效代码模板无忧>网页特效>文本链接特效代码>

收藏分享查看评论文本链接

多条文字的播放特效_文本链接特效

查看演示效果

特效Tag：文字特效添加

多条文字的播放特效,您可以先修改部分代码再运行.

<script>
var message="网页特效 特酷感觉  www.mb5u.com 谢谢你的关注 "
var messagefont=new Array("Arial Black","Verdana","Impact","Comic Sans MS")
var messagecolor=new Array("33FF33","olive","888888","purple")
var positionleft=20
var positiontop=10
</script>
<script>
var timer
var marginright=0
var i_fadestrength=5
var i_message=0
var i_messagecolor=0
var i_messagefont=0
var step=1
var maxfontsize=110
var fontsizefactor=maxfontsize/100
var mrc
var textboxwidth=0
var bodywidth=0
message=message.split(" ")

function setmessage() {
    if (i_message>=message.length) {i_message=0}
    if (i_messagecolor>=messagecolor.length) {i_messagecolor=0}
    if (i_messagefont>=messagefont.length) {i_messagefont=0}
    mrc="<nobr><font color="+messagecolor[i_messagecolor]+" face="+messagefont[i_messagefont]+">"+message[i_message]+"</font><nobr>"
    textbox.innerHTML=mrc
    i_message++
    i_messagecolor++
    i_messagefont++
    timer=setTimeout("resizemessage()",500)
}

function resizemessage() {
if (i_fadestrength<120) {
    textbox.filters.alpha.opacity=Math.floor(100-i_fadestrength)
    document.all.textbox.style.fontSize=i_fadestrength*fontsizefactor
    document.all.textbox.style.posLeft=positionleft-(Math.floor(i_fadestrength/1.1*fontsizefactor))
    document.all.textbox.style.posTop=positiontop
    document.all.textbox.style.width=bodywidth-document.all.textbox.style.posLeft-5
    document.all.textbox.style.overflowX="hidden"
    document.all.textbox.style.visibility="visible"
    step+=1.5
    i_fadestrength+=step
    timer=setTimeout("resizemessage()",50)
}
else {
    clearTimeout(timer)
    i_fadestrength=0;
    step=1;
    setmessage()
    }
}
if (document.all) {
    document.write("<DIV id='textbox' style='position:absolute;font-family:Verdana;filter:alpha(opacity=0);'></DIV>")
    document.write("<DIV style='position:relative;'>")
}

if (document.all) {
    bodywidth=document.body.clientWidth-5
    setmessage()
}

</script>

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

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

相关文本链接特效：

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

文本链接特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索多条文字的播放特效
特效说明：
文本链接模板-多条文字的播放特效。