写一个油猴脚本,功能是在网页中插入一个漂浮窗,漂浮窗在页面左中部,漂浮窗在最上层,窗里两个按钮
时间: 2024-06-09 12:05:03 浏览: 257
以下是一个简单的油猴脚本,可以在页面左中部插入一个漂浮窗,漂浮窗在最上层,里面有两个按钮:
```javascript
// ==UserScript==
// @name Floating Window with Buttons
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Inserts a floating window with two buttons in the middle left of the page
// @match *://*/*
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
// Create the floating window element
let floatingWindow = document.createElement("div");
floatingWindow.id = "floating-window";
floatingWindow.innerHTML = '<button id="button1">Button 1</button><button id="button2">Button 2</button>';
// Add the floating window to the page
document.body.appendChild(floatingWindow);
// Style the floating window
GM_addStyle(`
#floating-window {
position: fixed;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 9999;
background-color: white;
border: 1px solid black;
padding: 10px;
}
#floating-window button {
margin-right: 10px;
}
`);
// Add event listeners to the buttons
let button1 = document.getElementById("button1");
button1.addEventListener("click", function() {
// Do something when button 1 is clicked
alert("Button 1 clicked!");
});
let button2 = document.getElementById("button2");
button2.addEventListener("click", function() {
// Do something when button 2 is clicked
alert("Button 2 clicked!");
});
})();
```
你可以将以上代码复制到 Tampermonkey 中创建一个新的脚本。注意,这个脚本会在所有网页中运行,并在页面左中部插入一个漂浮窗,因此可能会影响其他网站的布局。如果你只想在特定网站上运行这个脚本,可以修改 `@match` 指定匹配的 URL。
阅读全文