JavaScript 鼠标事件改变背景图片

最新推荐文章于 2022-04-10 08:36:58 发布

houyanhua1

最新推荐文章于 2022-04-10 08:36:58 发布

阅读量1.4k

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/houyanhua1/article/details/78468679

版权

这篇博客通过JavaScript实现鼠标悬停和点击事件，详细介绍了如何动态改变网页中图片的背景源，以及按钮的值。当鼠标移入指定图片时，图片会变为bulbon.gif，移出时恢复为bulboff.gif。同时，点击按钮后，按钮的值将更改为'哈哈'。

摘要由CSDN通过智能技术生成

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META name="Generator" content="EditPlus">
  <META name="Author" content="">
  <META name="Keywords" content="">
  <META name="Description" content="">
  <script type="text/javascript">
		function kaideng(){
			var img1=document.getElementById("img11");
			img1.src="images\\bulbon.gif";  //注意，JavaScript中的路径用\\来表示转义
		}
		function guandeng(){
			var img1=document.getElementById("img11");
			img1.src="images\\bulboff.gif";
		}
		function dianwo(){
			var butt=document.getElementById("button1");
			butt.value="哈哈";
		}
  </script>
 </HEAD&g