js: 文字定时切换

本文展示了一段JavaScript代码,用于实现文字的定时切换效果。通过HTML和JavaScript结合,利用`FILTER: revealTrans`实现过渡动画,创建了一个不断更换内容的DIV元素。代码中定义了多个文字数组`imgTitle`,并通过`nextAd()`函数实现在指定间隔时间后自动切换文字内容。当鼠标悬停在元素上时,切换会暂停,离开后继续。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

下面的代码实现文字(图片同理)的切换显示:
<!-- gavin_sw.html -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0020)http://riji.163.com/ -->
<HTML>
<HEAD>
<TITLE>gavin_sw</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gbk">
</HEAD>

<BODY bgcolor="#000000">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
        
<TR>
          
<TD vAlign=top bgColor=#fdfdf8>
            
<SCRIPT src="notice.js"></SCRIPT>
            
<DIV id=imgInit onmouseover=stopTimer(); 
                        
style="FILTER: revealTrans(duration=2, transition=3);  WIDTH: 154px; POSITION: absolute; HEIGHT: 160px; background-color:#FFFFFF" 
                        onmouseout
=startTimer()></DIV>
            
<SCRIPT language=JavaScript>...
                
var imgTitle=new Array();
                imgTitle[
1]="<br>aaaaaaaaaaaa__11<br><br>aaaaaaaaaaaa__22<br><br>aaaaaaaaaaaa__33<br>";
                imgTitle[
2]="<br>bbbbbbbbbbbb__11<br><br>bbbbbbbbbbbb__22<br><br>bbbbbbbbbbbb__33<br>";
                imgTitle[
3]="<br>cccccccccccc__11<br><br>cccccccccccc__22<br><br>cccccccccccc__33<br>";
                imgTitle[
4]="<br>dddddddddddd__11<br><br>dddddddddddd__22<br><br>dddddddddddd__33<br>";
                nextAd(imgTitle.length);
            
</SCRIPT>
          
</TD>
        
</TR>
</TABLE>
</BODY>
</HTML>

//------------------    notice.js   ------------------
var adNum=0;
var timerID = 4000;
function playTran(){
    imgInit.filters.revealTrans.play();
}


function nextAd(){        
    
if(adNum >= j){
        adNum
=1;
    }

    
if(adNum != 0){
        imgInit.filters.revealTrans.Transition
=20;
        imgInit.filters.revealTrans.apply();
        imgInit.innerHTML
=imgTitle[adNum];
        playTran();
    }

    adNum
++;

    theTimer
=setTimeout("nextAd()", timerID);
}

        
function stopTimer() {
   window.clearTimeout(theTimer);
}

            
function startTimer() {
   theTimer
=setTimeout("nextAd()", timerID);
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值