JavaScript简单实现鼠标移动切换图片的方法
本文实例讲述了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程序设计有所帮助。
Web开发必知Javascript技巧大全
JavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGap、Appcelerator)、服务器端开发(Node.js和Wakanda)等等。JavaScript还是很多新手
理解javascript定时器中的setTimeout与setInterval
一、解释说明1、概述setTimeout:在指定的延迟时间之后调用一个函数或者执行一个代码片段setInterval:周期性地调用一个函数(function)或者执行一段代码。
Bootstrap创建可折叠的组件
本文将学习如何通过Bootstrap创建可折叠的组件,具体内容如下什么是必需的您必须引用jquery.js和bootstrap-collapse.js-这两个JavaScript文件都位于docs/assets/js文
编辑:广州鸿名健康科技有限公司
标签:技巧,算法,鼠标,图片,本文