悬浮窗求助

118440

我想求助一个悬浮按钮   按钮什么样子无所谓

我想单机一下这个按钮才会运行我的代码该怎么操作呢

李恒道

可以参考https://bbs.tampermonkey.net.cn/thread-237-1-1.html
画一个新按钮
如果是悬浮的话
往body添加一个按钮
然后设置css属性absolute

王一之

一键复制网页标题和链接
https://bbs.tampermonkey.net.cn/thread-1484-1-1.html

118440

王一之 发表于 2022-3-8 15:55
一键复制网页标题和链接
https://bbs.tampermonkey.net.cn/thread-1484-1-1.html

感谢大佬

Hangover

118440 发表于 2022-3-8 16:15
感谢大佬

position属性: https://developer.mozilla.org/zh-CN/docs/Web/CSS/position

创建一个简单的悬浮按钮：

1. let mybtn = document.createElement('button');
   
2. document.body.appendChild(mybtn);
   
3. mybtn.id = 'my-btn';
   
4. mybtn.innerHTML = `按钮
   
5. <style>
   
6. #my-btn {
   
7.     /* position设置为fixed，固定位置，即使窗口滚动位置不变 */
   
8.     position: fixed;
   
9.     top: 100px;
   
10.     left: 30px;
    
11. }
    
12. </style>`
    
13. mybtn.onclick = function () {
    
14.     alert(mybtn.innerText)
    
15. }

复制代码