• 2009-10-04

    逐隐逐现的文字

    Tag:

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://www.blogbus.com/dickmoore-logs/53711645.html


    ====1、以下代码放在一个新建页面的HTML的<body></body>区即可:[页面上必须什么都没有]

    <html>
    <head>
    <TITLE>特效</TITLE> 
    </head>
    <script language=javaScript>
    <!-- //
    var thissize=20
    var textfont="隶书"
    var textcolor= new Array()
    textcolor[0]="000000"
    textcolor[1]="000000"
    textcolor[2]="000000"
    textcolor[3]="111111"
    textcolor[4]="222222"
    textcolor[5]="333333"
    textcolor[6]="444444"
    textcolor[7]="555555"
    textcolor[8]="666666"
    textcolor[9]="777777"
    textcolor[10]="888888"
    textcolor[11]="999999"
    textcolor[12]="aaaaaa"
    textcolor[13]="bbbbbb"
    textcolor[14]="cccccc"
    textcolor[15]="dddddd"
    textcolor[16]="eeeeee"
    textcolor[17]="ffffff"
    textcolor[18]="ffffff"
    var message = new Array()
    message[0]="http://www.happydrips.com"
    message[1]="HappyDrips工作室"
    message[2]="谢谢您使用"
    message[3]="javascript源码大全"
    i_message=0
    var i_strength=0
    var i_message=0
    var timer
    function glowtext() { 
    if(document.all) {
    if (i_strength <=17) {
    glowdiv.innerText=message[i_message]
    document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
    i_strength++
    timer=setTimeout("glowtext()",100)
    }
    else {
    clearTimeout(timer)
    setTimeout("deglowtext()",1500)
    }
    }
    }function deglowtext() { 
    if(document.all) {
    if (i_strength >=0) {
    glowdiv.innerText=message[i_message]
    document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
    i_strength--
    timer=setTimeout("deglowtext()",100)
    }
    else {
    clearTimeout(timer)
    i_message++
    if (i_message>=message.length) {i_message=0}
    i_strength=0
    intermezzo()
    }
    }
    }
    function intermezzo() { 
    glowdiv.innerText=""
    setTimeout("glowtext()",1500) 
    }
    //-->
    </script>
    <body bgcolor="#000000" onLoad="glowtext()"> //不要忘记写 
    <div id="glowdiv" style="position:absolute;visibility:visible;width:600px;text-align:center; 
    top:150px;left:50px;font-family:隶书;font-size:30pt;color:000000"></div>
    </body>
    </html>

    ====2、[可选项]修改<div>标签内的代码可以确定文字显示的位置,颜色和大小。
    top是距离屏幕上面的距离,left是距离坐侧的距离。font-size是文字大小,
    color是颜色。width是DIV层的宽度。由于文字是用DIV来控制的,所以在DIV的宽度范围内不能有其它内容。DIV的位置用绝对位置(position:absolute)表示。 
    分享到:

    历史上的今天:

    淡入淡出 2009-10-04
    彩色文字 2009-10-04