如何采用javascript动态刷新图片

document.all("img").src="1.png"都设成1.png

创新互联是一家专业提供上思企业网站建设,专注与网站建设、成都网站制作、H5技术、小程序制作等业务。10年已为上思众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

这句不知道你在说什么。

html

head

title/title

script language="javascript"

var myNum=0

function Init()

{

show2()

setInterval( "show2()", 1000 )

}

function show2()

{

if(myNum == 1)

{

document.getElementsByTagName("img")[0].src="2.jpg";

//document.all("img").src="2.jpg";

myNum=0;

}

else

{

//document.all("img").src="2.jpg"

document.getElementsByTagName("img")[0].src="1.jpg";

myNum=1;

}

}

/script

/head

body onload="Init()"

img src="1.jpg"

/body

/html

document.all() 得到的应该是一个图片数组，所以应该加个下标就OK了。

在html里如何利用JavaScript显示动图的效果

单张背景图方案(纵排):

div id="d1" style="background: #ffffff url('numpic.jpg') no-repeat scroll left top; width:50px; height:20px;"/div

七张图片切换方案:

img id="d2" src="numpic_0.jpg" width="50" height="20" /

script type="text/javascript"

var i=0;

function f(){

i++;

if(i6) i=0;

document.getElementById('d1').style.backgroundPosition='left '+(-1*i*20)+'px';

document.getElementById('d2').src='numpic_'+i+'.jpg';

}

window.setInterval(f, 1000);    //每秒切换

/script

有没有JS代码可以使GIF动态图停留在第一帧

img只是引用的作用，是无法控制的，需要加入JS代码来控制

var imgs=document.getElementsByTagName('img');

for (var i=0; iimgs.length; i++)

imgs[i].src = imgs[i].src;

如果能看懂这段代码的话把这段代码做成一个函数，加到网页上，在引入图片的时候调用这段代码,如果看不懂得补习一下JS的知识了

分享文章：动图JavaScript,动图表情包沙雕
文章转载：http://csdahua.cn/article/dsshdhi.html