js鼠标经过切换图片
2017-08-18 16:26
302 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js鼠标经过切换图片</title>
<script>
window.onload = function () {
//获取图片
var img = document.getElementById("img");
//鼠标经过图片
img.onmouseover = function () {
this.src = "image/8.jpg"
}
//鼠标离开图片
img.onmouseout = function () {
this.src = "image/9.jpg";
}
}
</script>
</head>
<body>
<img id="img" src="image/9.jpg"/>
</body>
</html>
相关文章推荐
- 【js练习一】鼠标经过切换图片和图片描述
- 【JavaScript】js可以直接使用的鼠标经过切换图片
- js和jquery 两种写法 鼠标经过图片切换背景效果
- 利用js实现鼠标切换控件背景图片
- js图片滚动,鼠标经过滚动停止效果
- js鼠标经过,实现图片的渐隐渐现
- JS鼠标滑过图片时切换图片实现思路
- js定义鼠标经过变换图片
- 鼠标经过切换图片
- JS鼠标移动切换图片
- js实现鼠标经过时图片滚动停止的方法
- JS鼠标悬浮切换图片示例
- 鼠标移上去图片切换且慢慢放大JS特效
- 鼠标经过图片切换效果。
- js实现使用鼠标拖拽切换图片的方法
- js实现图片显示局部,鼠标经过显示全部的效果
- js鼠标点击图片切换效果实现代码
- web前端实验一:利用Js捕获鼠标事件实现图片切换
- 超简单的JavaScript鼠标经过切换图片代码
- CSS鼠标经过图片切换