动图JavaScript,动图表情包沙雕

如何采用javascript动态刷新图片

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

这句不知道你在说什么。

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了。

相关问答

Q1: 在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

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

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

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

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

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

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