<div class="about skills"> <h2 class="title2">专业技能</h2> <div class="box"> <h4>HTML</h4> <div class="percent"> <div style="width: 50%;"></div> </div> </div> <div class="box"> <h4>CSS</h4> <div class="percent"> <div style="width: 52%;"></div> </div> </div> <div class="box"> <h4>JavaScript</h4> <div class="percent"> <div style="width: 20%;"></div> </div> </div> <div class="box"> <h4>java</h4> <div class="percent"> <div style="width: 45%;"></div> </div> </div> <div class="box"> <h4>javaweb</h4> <div class="percent"> <div style="width: 32%;"></div> </div> </div> <div class="box"> <h4>Sql</h4> <div class="percent"><div style="width: 45%;"></div></div> </div> </div>加入js鼠标事件

好的，您可以在每个技能的div标签内添加onmouseover和onmouseout属性，来实现鼠标移入移出时的效果。例如：

<div class="box" onmouseover="this.style.background='grey'" onmouseout="this.style.background='white'">
  <h4>HTML</h4>
  <div class="percent">
    <div style="width: 50%;"></div>
  </div>
</div>

在这个例子中，当鼠标移入box的div时，会将背景色改为灰色，当鼠标移出时，又将背景色改回白色。您可以根据自己的需求来修改鼠标事件的效果。

相关问题

<div class="container"> <div class="row"> <div class="col-md-12 wow fadeInLeft"> <div class="resume-inner"> <h2 class="heading-title" >大一</h2> <p class="large">大一主要学习了C语言，离散数学，高等数学等辅助学科。 <br> <br> 展示如下： </p> </div> </div>什么意思

这是一个 HTML 页面的代码，展示了一个网页中的一个容器（container），其中包含一个行（row），行中又包含一个占据12列的元素（col-md-12），这个元素有一个动画效果（wow fadeInLeft）。这个元素内部包含了一个简历（resume）的部分，其中有一个标题（heading-title）为“大一”的部分，以及一些文字描述，介绍了学习的科目和展示内容。

<div class="overlay-container">

<div class="overlay-container">是一个自定义的CSS类，它可以用于创建一个覆盖容器。这个容器可以用来放置其他元素，例如图片、文本或其他内容，并且可以通过CSS样式来控制其内边距和外边距。

下面是一个示例代码，展示如何使用<div class="overlay-container">创建一个覆盖容器：

<div class="overlay-container">
  <img src="image.jpg" alt="Image">
  <div class="overlay">
    <h2>Title</h2>
    <p>Description</p>
  </div>
</div>

在上面的代码中，我们使用了<div class="overlay-container">作为父容器，其中包含了一个<img>标签和一个<div class="overlay">标签。通过CSS样式，我们可以设置<div class="overlay">的内边距和外边距，以实现不同的效果。