求纯javascript的浏览器兼容的图片轮换代码
来源:百度知道 编辑:UC知道 时间:2024/06/27 11:18:49
3q。。。
自己写的,所以没有注释,IE,火狐,OPERA,都能正常显示,希望对你能有帮助!图片数量可能自己更改!
我是把他单独存为forcepic.htm,放在js文件夹里的,然后在页面中调用的
以下是调用代码:
<div><script type="text/javascript" src="js/forcepic.htm"></script></div>
以下是轮换代码:
var widths=765;
var heights=210;
var counts=3;
img1=new Image ();img1.src='img/xuanchuan/x1.jpg';
img2=new Image ();img2.src='img/xuanchuan/x2.jpg';
img3=new Image ();img3.src='img/xuanchuan/x3.jpg';
url1=new Image ();url1.src='#';
url2=new Image ();url2.src='#';
url3=new Image ();url3.src='#';
var nn=1;
var key=0;
function change_img()
{if(key==0){key=1;}
else if(document.all)
{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filte