鼠标移入移出事件图片更换
2013-12-19 11:13
681 查看
function mouseOver()
{
document.image1.src="../../Content/themes/login/image/jiben-001.png"
}
function mouseOut(){
document.image1.src="../../Content/themes/login/image/Jiben.png"
}
<body>
<img name="image1" src="../../Content/themes/login/image/Jiben.png" width="210px" onmouseover="mouseOver()" onmouseout="mouseOut()" />
</body>
这样就实现了鼠标移动到图片时，换一张图片，鼠标离开时，换回原来的图片
{
document.image1.src="../../Content/themes/login/image/jiben-001.png"
}
function mouseOut(){
document.image1.src="../../Content/themes/login/image/Jiben.png"
}
<body>
<img name="image1" src="../../Content/themes/login/image/Jiben.png" width="210px" onmouseover="mouseOver()" onmouseout="mouseOut()" />
</body>
这样就实现了鼠标移动到图片时，换一张图片，鼠标离开时，换回原来的图片
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 鼠标移入移出事件改变图片的分辨率的两种方法
- 鼠标移入移出事件改变图片的分辨率
- 当鼠标移入移出div时，触发事件（此处为图片的可见和不可见）
- 鼠标移入移出事件改变图片的分辨率
- 用JQuery给图片添加鼠标移入移出事件
- 鼠标移入移出事件改变图片的分辨率的两种方法
- CSS3鼠标移入移出图片生成随机动画
- MFC鼠标移入移出事件
- 网页基础第4课之“简单的JS与CSS结合--鼠标移入移出事件”
- jQuery事件-div的显示隐藏及鼠标的移入移出
- jQuery的鼠标移入与移出事件
- jQuery事件-div的显示隐藏及鼠标的移入移出
- jQuery 鼠标移入移出事件切换
- js鼠标移入移出事件
- Ferris教程学习笔记:js示例2.11 图片列表：鼠标移入/移出改变图片透明度
- 鼠标移入和移出事件mouseenter VS mouseover 、mouseleave VS mouseout
- jquery的鼠标移入移出事件hover、mouseenter、mouseleave、mouseover、mouseout
- jQuery实现鼠标移入移出事件切换功能示例
- js--鼠标移入移出小图片，显示隐藏大图片
- 鼠标指针移入移出改变图片透明度