JavaWeb学习笔记：JavaScript-鼠标悬浮和离开

卡卡西学网安

于 2022-02-20 13:10:26 发布

阅读量1.3k

点赞数

分类专栏： JavaWeb基础学习文章标签： javascript 学习 webview

本文链接：https://blog.csdn.net/Z_jl123/article/details/123029504

版权

这篇博客记录了使用JavaScript实现鼠标悬浮在水果库存表上时，行背景色变化，离开恢复原状，以及单价单元格显示手势箭头的操作。通过HTML、CSS和JS代码，详细阐述了实现过程，并提及了window对象在JavaScript中的作用。

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

1、任务：实现在水果库存表中鼠标悬浮时该行背景颜色改变，鼠标离开后恢复原状，且鼠标悬浮在单价单元格出鼠标箭头表为手势。

html代码：

<html>
 <head>
  <meta charset="uf-8">
   <link rel="stylesheet" href="css/demo02.css">
   <script type="text/javascript" src="js/demo01.js"></script>
 </head>
 <body>
   <div id="div_container">
    <div id="div_fruit_list">
	 <table id="tbl_fruit">
	  <tr>
	   <th class="w20">名称</th>
	   <th class="w20">单价</th>
	   <th class="w20">数量</th>
	   <th class="w20">小计</th>
	   <th>操作</th>
	  </tr>
	  <tr>
	   <td>苹果</td>
	   <td>5</td>
	   <td>20</td>
	   <td>100</td>
	   <td><img src="img/67a33f27_E77338