活躍的單行文本效果

2009-12-19 文本操作 ℃

<body>
<script language="JavaScript1.2">
<!--

/*
by well-network.com
*/

//Secify scroller contents
var line=new Array()
line[1]="這是一個(gè)動(dòng)態(tài)"
line[2]="可以帶你進(jìn)入......"
line[3]="激動(dòng)人心的......"
line[4]="你可以隨便運(yùn)用"
line[5]="網(wǎng)頁(yè)特效園地"

//Specify font size for scoller
var ts_fontsize="16px"

//--Don't edit below this line

var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="\\"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}

function nextstep(){

if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}

nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>
</body>
本代碼由<a href=http://well-network.com>網(wǎng)頁(yè)特效網(wǎng)</a>提供

相關(guān)特效代碼

熱門特效代碼: 輸入框的文字閃爍變色引人注意; 純CSS內(nèi)頁(yè)內(nèi)容切換選項(xiàng)卡; 鼠標(biāo)經(jīng)過鏈接顯示注釋旋轉(zhuǎn)風(fēng)火輪; 指向自動(dòng)選擇的輸入框; 放大鏡鏈接效果; 帶注釋的鏈接特效; 文字閃爍效果; 帶注釋的鏈接特效代碼; 點(diǎn)擊文字顯示隱藏鏈接; WEB2.0圓形邊框css做法

推薦特效代碼: 字符連續(xù)消隱; 文字變色逐個(gè)出現(xiàn); 段落文字百葉窗效果輸出; 點(diǎn)擊文字顯示隱藏鏈接; 文字由小變大由大變�。▌�(dòng)態(tài)變化; 文字來回上下移動(dòng)或跳動(dòng)