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、付费专栏及课程。

余额充值