JavaScript当鼠标移动到图片上时换图
2011-11-01 21:32
363 查看
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="/i/eg_mouse.jpg" //这里的b1是img的name属性，而不是id属性
}
function mouseOut()
{
document.b1.src ="/i/eg_mouse2.jpg"
}
</script>
</head>
<body>
<a href="/index.html" target="_blank">
<img border="0" src="/i/eg_mouse2.jpg" name="b1" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
</html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="/i/eg_mouse.jpg" //这里的b1是img的name属性，而不是id属性
}
function mouseOut()
{
document.b1.src ="/i/eg_mouse2.jpg"
}
</script>
</head>
<body>
<a href="/index.html" target="_blank">
<img border="0" src="/i/eg_mouse2.jpg" name="b1" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 文字或图片跟随鼠标移动或键盘控制图片移动实例（javascript实现）
- JavaScript （实例：实现鼠标移动到图片上后图片放大同时不超出指定范围）
- JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)
- javascript实现图片跟随鼠标移动效果的方法
- javascript实现图片跟随鼠标移动效果的方法
- 基于JavaScript实现鼠标箭头移动图片跟着移动
- Javascript实现图片位置控制（鼠标拖拽 + 键盘方向键移动）源码分享
- Javascript实现图片位置控制（鼠标拖拽 + 键盘方向键移动）源码分享
- JavaScript简单实现鼠标移动切换图片的方法
- 鼠标移动到图片显示大图的javascript代码
- JavaScript 鼠标移动切换图片
- JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)
- JavaScript 鼠标移动切换图片
- JavaScript简单实现鼠标移动切换图片的方法
- 基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
- 基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
- 当鼠标移动到图片使其变大
- jquery鼠标移动图片上实现放大效果
- JS:跟随鼠标移动的图片，兼容IE与DOM浏览器（已在实际中用懂啊）
- js图片跟随鼠标移动代码