手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript简单实现鼠标移动切换图片的方法
JavaScript简单实现鼠标移动切换图片的方法
摘要:本文实例讲述了JavaScript简单实现鼠标移动切换图片的方法。分享给大家供大家参考,具体如下:JavaScript切换图片functio...

本文实例讲述了JavaScript简单实现鼠标移动切换图片的方法。分享给大家供大家参考,具体如下:

<title>JavaScript切换图片</title> <script> function showDaTu(src){ document.getElementById("defaultImg").src=src; } </script> <img src="images/wall1.jpg" id="defaultImg"> <br><br><br> <img src='images/wall_s1.jpg' onmouseover="showDaTu('images/wall1.jpg')"> <img src='images/wall_s2.jpg' onmouseover="showDaTu('images/wall2.jpg')"> <img src='images/wall_s3.jpg' onmouseover="showDaTu('images/wall3.jpg')"> <img src='images/wall_s4.jpg' onmouseover="showDaTu('images/wall4.jpg')"> <br>因图片较大,请等待图片加载完成……然后鼠标放小图上就会切换了。

希望本文所述对大家JavaScript程序设计有所帮助。

【JavaScript简单实现鼠标移动切换图片的方法】相关文章:

javascript用函数实现对象的方法

javascript动态创建链接的方法

JavaScript检查子字符串是否在字符串中的方法

JavaScript实现弹出模态窗体并接受传值的方法

javascript搜索框效果实现方法

在JavaScript中使用开平方根的sqrt()方法

JavaScript基本数据结构

JavaScript实现表格点击排序的方法

JavaScript中的异常处理方法介绍

javascript实现在网页任意处点左键弹出隐藏菜单的方法

精品推荐
分类导航