Ajax--幻灯片(基本跨浏览器)

本文介绍了一种利用Ajax技术动态加载图片并实现轮播效果的方法。通过JavaScript编写Ajax请求来获取图片路径,并通过定时器控制图片切换,实现了简单的轮播效果。

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

--:其实验证码,也可以用这个方式输出的哦

< html  >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > 走走看看 </ title >
 
< script  language ="JavaScript" >
  
function ImgArray(len)
  
{
   
this.length=len;
   }

var  ImgName=new ImgArray();
if (window.ActiveXObject && !window.XMLHttpRequest)
{
    window.XMLHttpRequest 
= function() {
    
var MSXML = ['Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0','Msxml2.XMLHTTP','Microsoft.XMLHTTP'];
    
for (var i = 0; i < MSXML.length; i++)
    
{
    
try {
            
return new ActiveXObject(MSXML[i]);
        }
 catch (e) {}
}

return null;
}
;
}



function AjaxUpdate()
{   
      
var xmlHttp = new XMLHttpRequest();
       xmlHttp.open(
"GET","慢慢散步" true);
       xmlHttp.onreadystatechange
=function() {
        
if (xmlHttp.readyState==4&&xmlHttp.status==200)
        
{
          
try
          
{
                
var _xiaozhu=Http.responseText;
                 ImgName
=_xiaozhu.split(",");
           }

           
catch(err)
           
{
               
           
           }

        }

       }

         xmlHttp.send();
}


  
var t=0;
  
function playImg()
  
{
             
if (t==9)
      
{
                  t
=0;
              }

       
else
   
{
               t
++
            }

         img.style.filter
="blendTrans(Duration=0)";//设置切换模式0,没有切换模式,1以后有淡入淡出的模式
  img.filters[0].apply();
    img.src
=ImgName[t];
  img.filters[
0].play();
  mytimeout
=setTimeout("playImg()",5000);
   }

</ script >
</ head >
< style >
body img
{border:3 gold ridge}
</ style >  

< body  bgcolor ="#FFFFFF"  text ="#000000"  onload ="AjaxUpdate()" >
< img  src ="0.jpg"       name ="img"  onclick ="return playImg()"   >  

</ body >
</ html >
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值