手机
当前位置:查字典教程网 >编程开发 >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实现DIV层拖动及动态增加新层的方法

javascript动态创建链接的方法

纯javascript实现四方向文本无缝滚动效果

javascript搜索框效果实现方法

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

用JavaScript实现页面重定向功能的教程

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

jQuery实现首页图片淡入淡出效果的方法

简单实用的网页表格特效

精品推荐
分类导航