手机
当前位置:查字典教程网 >编程开发 >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实现添加、查找、删除元素

JavaScript获取两个数组交集的方法

javascript搜索框效果实现方法

JS实现简单路由器功能的方法

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

精品推荐
分类导航