JavaScript简单实现鼠标移动切换图片的方法


Posted in Javascript onFebruary 23, 2016

本文实例讲述了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 相关文章推荐
JSON辅助格式化处理方法
Mar 26 Javascript
JS获取农历日期具体实例
Nov 14 Javascript
浏览器中url存储的JavaScript实现
Jul 07 Javascript
Javascript中判断一个值是否为undefined的方法详解
Sep 28 Javascript
js原生实现FastClick事件的实例
Nov 20 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
Dec 03 Javascript
Node.js JSON模块用法实例分析
Jan 04 Javascript
ES6入门教程之变量的解构赋值详解
Apr 13 Javascript
Vue中的循环及修改差值表达式的方法
Aug 29 Javascript
uni-app微信小程序登录授权的实现
May 22 Javascript
vue keep-alive的简单总结
Jan 25 Vue.js
jQuery实现返回顶部功能
Feb 23 #Javascript
JavaScript添加随滚动条滚动窗体的方法
Feb 23 #Javascript
理解javascript定时器中的单线程
Feb 23 #Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
Feb 23 #Javascript
教你如何终止JQUERY的$.AJAX请求
Feb 23 #Javascript
JQUERY的AJAX请求缓存里的数据问题处理
Feb 23 #Javascript
javascript每日必学之多态
Feb 23 #Javascript
You might like
关于php几种字符串连接的效率比较(详解)
2017/02/22 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
2013/11/03 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
使用Nodejs开发微信公众号后台服务实例
2014/09/03 NodeJs
node.js中的events.emitter.once方法使用说明
2014/12/10 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
2016/02/29 Javascript
jQuery使用cookie与json简单实现购物车功能
2016/04/15 Javascript
js中获取jsp表单中radio类型的值简单实例
2016/08/15 Javascript
Bootstrap table使用方法详细介绍
2016/12/09 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
IE8中jQuery.load()加载页面不显示的原因
2018/11/15 jQuery
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
在Vue里如何把网页的数据导出到Excel的方法
2020/09/30 Javascript
[02:28]DOTA2亚洲邀请赛 LGD战队巡礼
2015/02/03 DOTA
python里对list中的整数求平均并排序
2014/09/12 Python
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
PyQt5笔记之弹出窗口大全
2019/06/20 Python
python 生成器和迭代器的原理解析
2019/10/12 Python
python实现logistic分类算法代码
2020/02/28 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
Python实现SMTP邮件发送
2020/06/16 Python
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
如何现实servlet的单线程模式
2014/08/05 面试题
建筑公司文秘岗位职责
2013/11/29 职场文书
医科大学生的自我评价
2013/12/04 职场文书
大三毕业自我鉴定
2014/01/15 职场文书
违反交通法规检讨书
2014/09/10 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
个人工作作风整改措施思想汇报
2014/10/13 职场文书
辩护词范文大全
2015/05/21 职场文书
高一英语教学反思
2016/03/03 职场文书
python单元测试之pytest的使用
2021/06/07 Python