右键菜单/悬浮文字快速截图

截图工具通常都无法截取右键菜单或者悬浮文字,这时,可以通过电脑自带的功能区截取图片。过程如下:

1.展示出要截取的右键菜单或者悬浮文字

2.按键盘上的prtSc,或者PS键(一般在F12右边)

3.这时,打开附件中的画图工具,Ctrl+V粘贴,截图完成

效果如下:

 

更多学习和交流,请关注订阅号:猿事如此

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
实现悬浮菜单的设计可以使用 JavaScript 和 CSS。下面是实现悬浮菜单设计的基本步骤: 1. 在 HTML 中创建一个菜单列表,并为其设置一个容器元素。 2. 使用 CSS 定义菜单列表的样式,包括容器元素的位置、宽度和高度,以及菜单列表的位置和默认状态。 3. 使用 JavaScript 监听菜单容器的 `mouseover` 和 `mouseout` 事件,当鼠标移动到菜单容器上,显示菜单列表,当鼠标移开菜单容器,隐藏菜单列表。 以下是一个实现悬浮菜单设计的示例代码: HTML 代码: ```html <div class="menu-container"> <a href="#" class="menu-toggle">菜单</a> <ul class="menu-list"> <li><a href="#">菜单项1</a></li> <li><a href="#">菜单项2</a></li> <li><a href="#">菜单项3</a></li> </ul> </div> ``` CSS 代码: ```css .menu-container { position: relative; width: 100px; height: 30px; } .menu-toggle { display: block; width: 100%; height: 100%; line-height: 30px; text-align: center; background-color: #ccc; color: #333; } .menu-list { position: absolute; top: 100%; left: 0; z-index: 999; display: none; padding: 10px; background-color: #fff; border: 1px solid #ccc; } .menu-list li { margin-bottom: 10px; } ``` JavaScript 代码: ```javascript var menuContainer = document.querySelector('.menu-container'); var menuList = menuContainer.querySelector('.menu-list'); menuContainer.addEventListener('mouseover', function() { menuList.style.display = 'block'; }); menuContainer.addEventListener('mouseout', function() { menuList.style.display = 'none'; }); ``` 上述代码中,我们使用 `querySelector()` 方法获取菜单容器和菜单列表,并使用 `mouseover` 和 `mouseout` 事件监听器来显示和隐藏菜单列表。当鼠标移动到菜单容器上菜单列表显示;当鼠标移开菜单容器菜单列表隐藏。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

11Jeffrey

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值