霓虹跑馬燈

  • 發光ㄉ顏色請修改glow(color:66ff33);將 66ff33 改成想要的色碼或是顏色的英文名稱

  • 字型大小請修改 font-size:20px 改成自己要ㄉ大小

  • 想顯示ㄉ內容請改 message="在這裡輸入想要表現霓虹跑馬燈的文字"


    <font style='font-size:20px;color:000000;filter:glow(color:66ff33);height:1;'>
    <script language="JavaScript">
    var message="在這裡輸入想要表現霓虹跑馬燈的文字"
    var neonbasecolor="000000" //文字底色
    var neontextcolor="white" //文字顏色
    var flashspeed="100" //顯示速度:毫秒

    var n=0
    if (document.all){
    document.write('<font color="'+neonbasecolor+'">')
    for (m=0;m<message.length;m++)
    document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
    document.write('</font>')
    var tempref=document.all.neonlight }
    else
    document.write(message)
    function neon(){
    if (n==0){
    for (m=0;m<message.length;m++)
    tempref[m].style.color=neonbasecolor }
    tempref[n].style.color=neontextcolor
    if (n<tempref.length-1)
    n++
    else{
    n=0
    clearInterval(flashing)
    setTimeout("beginneon()",1500)
    return } }
    function beginneon(){
    if (document.all)
    flashing=setInterval("neon()",flashspeed) }
    beginneon() </script>
    </font>

  • arrow
    arrow
      全站熱搜

      nicole 發表在 痞客邦 留言(0) 人氣()