<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鼠标离开进入</title>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<!-- 1鼠标移进 移出 -->
<!-- <style>
ul li {
list-style: none;
}
.tscx-bottom {
height: 270px;
/* margin-top: 7px; */
}
.tscx-bottom ul {
height: 100%;
display: flex;
}
.tscx-bottom ul li {
flex: 1;
position: relative;
}
.tscx-bottom li img {
position: absolute;
top: 24%;
left: 50%;
transform: translateX(-50%);
}
/* .tscx-bottom li span {
position: absolute;
bottom: 68px;
left: 50%;
transform: translateX(-50%);
font-size: 18px;
text-align: center;
width: 100%;
color: black;
}
.tscx-bottom li span:hover {
cursor: pointer;
text-decoration: underline;
} */
.lilist2 {
background-color: #fff;
cursor: pointer;
font-size: 18px;
font-weight: bold;
}
.lilist2:hover {
background-color: #507bc9;
color: #fff;
}
.lilist {
background-color: #fff;
margin-left: 12px;
cursor: pointer;
font-size: 19px;
font-weight: bold;
}