展开全部
不知道你用什么装的图片 table还是body?div?还是什么的?不过都可以融汇贯通,只要取到装图片的对象就行了。
最好是把你要更换的图片统一命名比如pil1.jpg/pil2.jpg ..这样可以省很多事。
我刚写了一个例子,麻烦楼主搞5张jpg 图片测试下,名字是pil1.jpg、pil2.jpg..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
var i=1;
function changeImg(){
document.getElementById("tabs").style.background="url('pil"+i+".jpg')";
i++;
if(i>5){
i=1;
}
setTimeout("changeImg();","5000");
}
</script>
<BODY onload="changeImg();">
<table style="background:url('pil1.jpg')" width="600" height="400" id="tabs">
<tr>
<td></td>
</tr>
</table>
</BODY>
</HTML>
最好是把你要更换的图片统一命名比如pil1.jpg/pil2.jpg ..这样可以省很多事。
我刚写了一个例子,麻烦楼主搞5张jpg 图片测试下,名字是pil1.jpg、pil2.jpg..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
var i=1;
function changeImg(){
document.getElementById("tabs").style.background="url('pil"+i+".jpg')";
i++;
if(i>5){
i=1;
}
setTimeout("changeImg();","5000");
}
</script>
<BODY onload="changeImg();">
<table style="background:url('pil1.jpg')" width="600" height="400" id="tabs">
<tr>
<td></td>
</tr>
</table>
</BODY>
</HTML>
展开全部
<html>
<head>
</head>
<body>
<script language=JavaScript> //js代码
var bannerAD=new Array(); //用于存放图片路径(相对路径)
var adNum=0;
///此为图片路径,可自行修改,删除或增加。
bannerAD[0]="../HOKING_05.jpg";
bannerAD[1]="../11.jpg";
bannerAD[2]="../logo.png";
bannerAD[3]="../QQ截图未命名.jpg";
bannerAD[4]="../fonter_bg.gif";
function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);//设置图片切换
bannerADrotator.filters.revealTrans.apply(); //应用图片切换
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play() //播放图片
}
function nextAd(){
if(adNum<bannerAD.length-1)adNum++;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000); //5秒钟切换一张图片
}
</script>
<img style="FILTER: revealTrans(duration=2,transition=20)" align="middle" height=183 src="" width=296 border=1 name=bannerADrotator />
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
</div>
</body>
</html>
利用IE滤镜做的,效果很不错。
<head>
</head>
<body>
<script language=JavaScript> //js代码
var bannerAD=new Array(); //用于存放图片路径(相对路径)
var adNum=0;
///此为图片路径,可自行修改,删除或增加。
bannerAD[0]="../HOKING_05.jpg";
bannerAD[1]="../11.jpg";
bannerAD[2]="../logo.png";
bannerAD[3]="../QQ截图未命名.jpg";
bannerAD[4]="../fonter_bg.gif";
function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);//设置图片切换
bannerADrotator.filters.revealTrans.apply(); //应用图片切换
}
}
function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play() //播放图片
}
function nextAd(){
if(adNum<bannerAD.length-1)adNum++;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000); //5秒钟切换一张图片
}
</script>
<img style="FILTER: revealTrans(duration=2,transition=20)" align="middle" height=183 src="" width=296 border=1 name=bannerADrotator />
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
</div>
</body>
</html>
利用IE滤镜做的,效果很不错。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
呵呵,楼主如果不是做这一行的,找代码是可以理解的,如果是想要做这一行,还是推荐自己尝试写一些。另外网上有很多类似的成品,如果不想研究可以直接下载来用。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询