JS当中dom实现两张图片的点击轮换
2013-04-15 20:51
225 查看
<script type="text/javascript">
//两张图片切换
var image = 1;
function showiamge() {
if (image == 0) {
document.getElementById('bei1').setAttribute('src', 'images/1.jpg');
image = 1;
}
else {
document.getElementById('bei1').setAttribute('src', 'images/2.jpg');
image = 0;
}
}
</script>
</head>
<body>
<input id="Button1" type="button" value="点击" onclick="showiamge()" />
<img alt="" id="bei1" name="a" src="images/1.jpg" width="200px" height="300px" />
</body>
//两张图片切换
var image = 1;
function showiamge() {
if (image == 0) {
document.getElementById('bei1').setAttribute('src', 'images/1.jpg');
image = 1;
}
else {
document.getElementById('bei1').setAttribute('src', 'images/2.jpg');
image = 0;
}
}
</script>
</head>
<body>
<input id="Button1" type="button" value="点击" onclick="showiamge()" />
<img alt="" id="bei1" name="a" src="images/1.jpg" width="200px" height="300px" />
</body>
相关文章推荐
- JS当中Dom实现图片的轮换
- JS当中Dom实现几张图片的轮换
- js---点击radio按钮实现图片轮换(two methds)
- JS原生代码实现鼠标移动图片随之移动效果(另加点击改变图片效果)
- html中利用js实现简单图片轮换效果
- 用js实现的一个Flash滚动轮换显示图片代码生成器
- 点击按钮使按钮背景图片轮换,实现动画效果
- 进击的KFC:iOS WebView 如何通过js获取网页中所有图片并加入点击事件,实现浏览图片的功能
- 转载:js实现上传图片时 点击浏览后 就可以看到缩略图 很实用
- JS实现点击图片在当前页面放大的漂亮效果
- js实现图片点击左右轮播
- js 实现点击浏览图片按钮时同时显示图片
- js实现点击上下按钮,图片向上向下循环滚动切换
- js实现点击图片自动提交action的简单方法
- js实现让人物走路,点击人物图片实现砍杀
- js实现图片轮换
- 自定义ImageView点击实现两张图片切换
- js实现图片点击弹出放大效果(无插件)
- js实现点击左右按钮轮播图片效果实例
- js实现图片切换(dom)