霓虹跑馬燈

發光ㄉ顏色請修改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>

文章標籤

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