首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

按一下按键可以换一张图片(html)解决方法

2012-03-09 
按一下按键可以换一张图片(html)能告诉我怎么写吗我是新手[解决办法]类似这样的图片展示效果很多当然最简

按一下按键可以换一张图片(html)
能告诉我怎么写吗··我是新手··

[解决办法]
类似这样的图片展示效果很多
当然最简单的 就是用js重新给img标签的src属性重新赋值
[解决办法]
1. 使用img显示图片。把图片的地址整一个数组,然后,点击事件上给图片换src
2. 使用background-image显示图片。可以将多个图片弄成一张,点击的时候,换这张大图片的位置,让小图片显示在可视窗口中。
[解决办法]
<script type="text/javascript">

var image=new Array("eva1.jpg","eva2.jpg","eva3.jpg","eva4.jpg","eva5.jpg")
function qiehuan()
{
var d=new Date();
var x=d.getSeconds();
var y=x%5;
document.test1.src=image[y];
}
</script>

<img src="eva1.jpg" class="img1" name="test1" 
onload="qiehuan()"
/>

我的是按时间切换的,还有问题,不过大概思路你应该了解吧。
做一个image[i]数组
用html_dom的document.TagName.src=去赋值。
组件用onclick()
试验下

热点排行