论坛 › 问答互助 › 悬浮窗求助

118440 发表于 2022-3-8 15:21:45

悬浮窗求助

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

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

李恒道 发表于 2022-3-8 15:52:46

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

王一之 发表于 2022-3-8 15:55:39

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

118440 发表于 2022-3-8 16:15:51

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

感谢大佬

Hangover 发表于 2022-3-8 16:59:12

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


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

创建一个简单的悬浮按钮：
let mybtn = document.createElement('button');
document.body.appendChild(mybtn);
mybtn.id = 'my-btn';
mybtn.innerHTML = `按钮
<style>
#my-btn {
    /* position设置为fixed，固定位置，即使窗口滚动位置不变 */
    position: fixed;
    top: 100px;
    left: 30px;
}
</style>`
mybtn.onclick = function () {
    alert(mybtn.innerText)
}

查看完整版本: 悬浮窗求助