CSS实现一个效果,当鼠标移上去时,下方出现一张图
也就是QQ空间的主页当鼠标放到主页时候下面会出现一些东西当做是图片吧。用CSS做哦暂时还没学JS的求助大神...
也就是QQ空间的主页
当鼠标放到主页时候 下面会出现一些东西 当做是图片吧。用CSS做哦 暂时还没学JS的 求助大神 展开
当鼠标放到主页时候 下面会出现一些东西 当做是图片吧。用CSS做哦 暂时还没学JS的 求助大神 展开
3个回答
墨刀Modao
2024-12-05 广告
2024-12-05 广告
在制作原型图时,可以选择多种软件工具来满足不同的需求和偏好。以下是一些常见的原型图软件:墨刀 :墨刀是一款在线原型设计工具,界面友好,易于上手,适合产品经理快速创建移动应用和网页的低保真原型。其协作功能便于团队实时共享设计和反馈。Sketc...
点击进入详情页
本回答由墨刀Modao提供
展开全部
.div1:hover img{
display:block;
}
.div1 img{
display:none;
}
<div class="div1">
<div >这里是测试文字</div>
<img src="图片路径" />
</div>
纯css的话,会用到:hover 伪类
把上面的css和html代码,放到你页面里试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐于2017-10-04
展开全部
在首页这个容器的里面再建一个容器比如img标签。
首先我们设置这个img为不显示,,这样我们鼠标没有移动上去的时候就是不显示的,,代码是
.menu imag{display:none;}
为了实现鼠标移动上去的时候显示,,就要用到一个伪类:hover
当鼠标滑过首页(menu)的时候img显示出来,代码就是
.menu:hover img{display:block;}
原则上到这一步的时候就完成了,但是一般来说需要把图片显示到这个首页的下方,那么还需要对这个img进行定位,一般采用position: absolute来定位,,然后相对.menu进行适当的偏移
完整的代码实例
.menu {
position:relative;
}
.menu img{display:none;}
.menu:hover img{
display:block;
position: absolute;
position: absolute; left: 0px; top: 21px;
}
html 代码例子如下
<div class="menu">首页<img src="xxx.jpg"/></div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询