javascript动图,js动态图片
javascript 制作图片滚动效果
我看了 这个可以的
“专业、务实、高效、创新、把客户的事当成自己的事”是我们每一个人一直以来坚持追求的企业文化。 创新互联公司是您可以信赖的网站建设服务商、专业的互联网服务提供商! 专注于网站制作、网站设计、软件开发、设计服务业务。我们始终坚持以客户需求为导向,结合用户体验与视觉传达,提供有针对性的项目解决方案,提供专业性的建议,创新互联建站将不断地超越自我,追逐市场,引领市场!
marquee onmouseover="this.stop();" onmouseout="this.start();"
img src="1.jpg"
img src="1.jpg"
img src="1.jpg"
img src="1.jpg"
img src="1.jpg"
img src="1.jpg"
img src="1.jpg"
img src="1.jpg"
img src="1.jpg"
/marquee
楼主,你可以这样去做,鼠标放在按钮上就滚蛋图片。
按钮的鼠标进入事件,图片滚动。代码大致一样
如何使用 JavaScript 实现图片的曲线运动?
思路:使用javascript定时器函数setTimeout()每隔一定的毫秒间隔数执行动作,在执行的动作中循环替换图片的src属性。树立演示如下:
1、HTML结构
img src="1.png" id="test"
2、javascript代码
function change(n){
if(n5) n=1; // 一共5张图片,所以循环替换
document.getElementById("test").setAttribute("src", n+".png");
n++;
setTimeout("change("+n+")",1000);
}
window.onload = function(){
setTimeout("change(1)", 1000);
}
在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
如何采用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了。
新闻名称:javascript动图,js动态图片
当前URL:http://pwwzsj.com/article/dscchhs.html