怎么实现鼠标移动到图片上显示按钮呢？

高玩的智熄操作 2023-05-10 20:19:53

用elementui写了一个上面这种图片网页，想实现鼠标移动到图片上面时显示一些按钮

就像up-load组件的照片墙那种效果，鼠标移到上面会显示放大和删除按钮，这种要怎么实现呢？大佬们求教~

...全文

7121 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

这不是去幼儿园的校车 2023-05-29

打赏
举报

回复

1.在图片所在div设置相对定位
2.在图片div里嵌套一个div设置绝对定位，并且设置背景颜色为透明rgba(0,0,0,0)
3.div里就正常写两个图标样式
4.设置该div的鼠标移入样式背景颜色rgba(0,0,0,0.5)

重写CStatic类，vc中利用GDI和PictureControl（Picture控件）实现png图片按钮的功能，可以设置按钮初始、鼠标按下、鼠标松开、鼠标移动到控件上4中状态下的png图片。vs2010下运行通过

用Qt实现这样一个效果，当鼠标悬浮到图片上时，显示删除字样，当点击删除时删除该图片。常用在注册页面。例：实现方法：用QLabel展示图片，再用一个QPushButton覆盖在图片上，按钮背景设置为透明，当鼠标移动到图片上时按钮显示，其他情况按钮隐藏。删除图片在点击删除按钮时进行。因此需要重写鼠标移动事件： void MainWindow::mouseMoveEvent(QMouseEvent *event) { QRect rect(ui->label->pos(), ui->

在Unity3D中，我们经常需要实现一些与用户交互的功能，其中之一就是在鼠标移动到UI上时显示相应的文字信息。可以通过在Hierarchy面板右键点击，选择"UI"，然后选择"Button"来创建一个新的按钮。接下来，我们需要编写脚本来实现鼠标移动到按钮上时显示文字的功能。现在，当你在Unity编辑器中运行游戏并将鼠标移动到按钮上时，你应该能够看到相应的文字信息显示在按钮上方。接下来，我们需要将这个脚本附加到我们在Unity编辑器中创建的按钮上。属性，以便在鼠标移动到按钮上时显示相应的文字信息。

CSS实现鼠标移至图片上显示遮罩层及文字效果

CSS实现鼠标移动到图片或按钮上缓慢变大，添加过渡动画效果，自定义动画时间。鼠标指向元素，元素变大CSS示例。效果示例这里是一个效果示例：https://findcatsname.com/cats-do-know-their-own-names 我们可以看到页面顶部和底部都有分享的按钮。然后我把鼠标移动到其中一个按钮上：可以看到，中间的按钮变大了。当然，图片看不出动画效果，大家可以自...

61,114

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章