標題:
[JavaScript]
閃動的文字
[打印本頁]
作者:
kayin
時間:
2004-5-27 10:13 AM
標題:
閃動的文字
閃動文字,將以下內容粘在<body></body>中:
<!--語 法 開 始-->
<div style="text-align:center;width:100%">
<script Language="JavaScript">
text = "閃動的文字...拿來當標題也不錯呢!!"; //顯示的文字
color1 = "black"; //文字的顏色
color2 = "b73dff"; //轉換的顏色
fontsize = "13px"; //字體大小
fontface = "細明體"; //文字字型
speed = 100; //轉換速度 (1000 = 1 秒)
i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show>");
}
else {
document.write("<div id=a>");
}
function changeCharColor() {
if (navigator.appName == "Netscape") {
document.a.document.write("<font style=font-family:"+fontface+";font-size:" + fontsize+ "><font color=" + color1 + ">");
for (var j = 0; j < text.length; j++) {
if(j == i) {
document.a.document.write("<font color=" + color2 + " style=font-family:"+fontface+">" + Text.charAt(i) + "</font>");
}
else {
document.a.document.write(text.charAt(j));
}
}
document.a.document.write('</font></font>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<font style=font-family:"+fontface+";font-size:" + fontsize+ "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font color=" + color2 + " style=font-family:"+fontface+">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++;
}
setInterval("changeCharColor()", speed);
</SCRIPT></div>
<!--語 法 結 束-->
複製代碼
【修改程式碼】
1.<div style="text-align:center;width:100%"> <!-- 【text-align:center 文字置中】【 text-align:left 文字置左】【text-align:right 文字置右】->
2.text = "閃動的文字...拿來當標題也不錯呢!!"; //顯示的文字
3.color1 = "black"; //文字的顏色
4.color2 = "b73dff"; //轉換的顏色
5.f; //字體大小
6.f; //文字字型
7.speed = 100; //轉換速度 (1000 = 1 秒)
歡迎光臨 Kuroshio Ocean Design - 黑潮設計 (http://forum.kod.tw/)
Powered by Discuz! 7.2