JavaScript 鼠标移动切换图片
2010-05-21 22:24
387 查看
<title>JavaScript切换图片</title>
<script>
function showDaTu(src){
document.getElementById("defaultImg").src=src;
}
</script>
<img src="/jscss/demoimg/wall1.jpg" id="defaultImg">
<br><br><br>
<img src='/jscss/demoimg/wall_s1.jpg' onmouseover="showDaTu('/jscss/demoimg/wall1.jpg')">
<img src='/jscss/demoimg/wall_s2.jpg' onmouseover="showDaTu('/jscss/demoimg/wall2.jpg')">
<img src='/jscss/demoimg/wall_s3.jpg' onmouseover="showDaTu('/jscss/demoimg/wall3.jpg')">
<img src='/jscss/demoimg/wall_s4.jpg' onmouseover="showDaTu('/jscss/demoimg/wall4.jpg')">
<br>因图片较大,请等待图片加载完成……然后鼠标放小图上就会切换了。
<script>
function showDaTu(src){
document.getElementById("defaultImg").src=src;
}
</script>
<img src="/jscss/demoimg/wall1.jpg" id="defaultImg">
<br><br><br>
<img src='/jscss/demoimg/wall_s1.jpg' onmouseover="showDaTu('/jscss/demoimg/wall1.jpg')">
<img src='/jscss/demoimg/wall_s2.jpg' onmouseover="showDaTu('/jscss/demoimg/wall2.jpg')">
<img src='/jscss/demoimg/wall_s3.jpg' onmouseover="showDaTu('/jscss/demoimg/wall3.jpg')">
<img src='/jscss/demoimg/wall_s4.jpg' onmouseover="showDaTu('/jscss/demoimg/wall4.jpg')">
<br>因图片较大,请等待图片加载完成……然后鼠标放小图上就会切换了。
相关文章推荐
- JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)
- JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)
- JavaScript简单实现鼠标移动切换图片的方法
- JavaScript简单实现鼠标移动切换图片的方法
- JavaScript 鼠标移动切换图片
- 鼠标移动,图片自动切换(简化版)
- 基于JavaScript实现鼠标箭头移动图片跟着移动
- JavaScript当鼠标移动到图片上时换图
- 【JavaScript】js可以直接使用的鼠标经过切换图片
- javascript实现图片跟随鼠标移动效果的方法
- 鼠标移动到图片显示大图的javascript代码
- JavaScript实现鼠标滚轮控制页面图片切换功能示例
- JavaScript代码制作页面鼠标滚轮图片切换
- 纯CSS实现鼠标移动切换图片示例
- 鼠标移动到图片上切换到另一张图片,移出时又切回来
- javascript实现图片跟随鼠标移动效果的方法
- JS鼠标移动切换图片
- JavaScript (实例:实现鼠标移动到图片上后图片放大同时不超出指定范围)
- Javascript实现图片位置控制(鼠标拖拽 + 键盘方向键移动)源码分享
- 1.纯css实现鼠标移动图片切换的效果