以下代码加入<head>区域<style>
#oneLiners {
background-color:#00c;
color:#fd0;
font-weight:bold;
}
</style>
<script language="javascript">
<!--
var oneliners = new Array();
oneliners[0] = "顷在黄州，春夜行蕲水中。";
oneliners[1] = "过酒家饮酒，醉。";
oneliners[2] = "乘月至一溪桥上，解鞍曲肱，醉卧少休。";
oneliners[3] = "及觉已晓。";
oneliners[4] = "乱山攒拥，流水铿然，疑非人世也。";
oneliners[5] = "书此语桥柱上。";
oneliners[6] = "照野弥弥浅浪，横空隐隐层霄。";
oneliners[7] = "障泥未解玉骢骄，我欲醉眠芳草。";
oneliners[8] = "可惜一溪风月，莫教踏碎琼瑶。";
oneliners[9] = "解鞍欹枕绿杨桥，杜宇一声春晓。";
var curr_oneliner, oneliner_char, oneliner_pos, the_oneliner;
function setOneLiners() {
the_oneliner = Math.floor(Math.random()*oneliners.length);
oneliner_pos = 0;
oneliner_char = oneliners[the_oneliner].split("");
clear_line = setInterval("clearOneLiner();",20);
setTimeout("setOneLiners();",5000);
};
function clearOneLiner() {
var curr_length = document.getElementById("oneLiners").innerHTML.length;
var curr_line = document.getElementById("oneLiners").innerHTML;
if (curr_length != 0) {
curr_line = curr_line.substring(1,curr_length);
document.getElementById("oneLiners").innerHTML = curr_line;
} else {
clearInterval(clear_line);
oneliner_int = setInterval("rollOneLiner()",20);
};
};
function rollOneLiner() {
//document.getElementById("oneLiners").style.width = oneliner_char.length*8;
document.getElementById("oneLiners").innerHTML += oneliner_char[oneliner_pos];
if (oneliner_pos < oneliner_char.length-1) {
oneliner_pos++;
} else {
oneliner_pos = 0;
clearInterval(oneliner_int);
};
};
-->
</script>
在<body>中加上onLoad="setOneLiners();"
<body onLoad="setOneLiners();">
以下代码加入<body>区域<div id="oneLiners"></div>