百度输入法js项目练习课

szhw66

于 2021-08-05 12:32:22 发布

阅读量501

点赞数

分类专栏： www.szhw66.cn 文章标签： 5g 百度

本文链接：https://blog.csdn.net/szhw66/article/details/119415327

版权

这个项目练习了使用JavaScript实现鼠标移过显示图片的效果，适用于汽车品牌展示。当鼠标移到汽车品牌上时，会显示对应的车标，移开则隐藏。此外，还包含了一个简单的弹出层效果，点击按钮可以显示或隐藏背景半透明遮罩层上的信息框。

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

鼠标移过,修改图片路径
<style>
*{
margin: 0;
padding: 0;
}
body{
background-color: #000;
}
.d1{
width: 400px;
height: 500px;
border:5px solid #fff;
border-radius: 5px;
margin: 0 auto;
background-color: #fff;
}
.i1{
width: 296px;
height: 296px;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
border-radius: 5px;
}
.i3{
width: 96px;
height: 96px;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
border-radius: 5px;
}
ul{
overflow: hidden;
}
li{
list-style: none;
float: left;
}

</style>
</head>
<body>
<div class="d1">
<ul>
<li><img class
提示框效果
<style>
.d1{
width: 500px;
margin: 0 auto;
border: 1px solid #000;
text-align: center;
padding: 5px;
}
.d2{
color: #8c8c8c;