colori random con pulsante

pulsante per cambio colori
目前為 2022-06-26 提交的版本，檢視最新版本。
安裝腳本 ?
換行
// ==UserScript==
// @name           colori random con pulsante
// @author         figuccio
// @namespace      https://gf.qytechs.cn/users/237458
// @description    pulsante per cambio colori
// @version        0.1
// @match          *://*/*
// @grant          GM_registerMenuCommand
// @exclude        https://drive.google.com/*
// @noframes
// @grant         GM_addStyle
// @grant         GM_setValue
// @grant         GM_getValue
// @license        MIT
// ==/UserScript==
var zNode = document.createElement ('div');
zNode.innerHTML = '<button id="myButton" type="button">'
                + 'RANDOM</button>'
                ;

zNode.title = 'colori random';//titolo al passaggio del mouse
zNode.setAttribute ('id', 'js-button');
document.body.appendChild (zNode);

function getRandomColor() {
 var letters = "0123456789ABCDEF";
  var randomColor = "#";
  for (var i = 0; i < 6; i++) {
    randomColor += letters[Math.floor(Math.random() * letters.length)];
  }

  document.body.style.backgroundColor = randomColor;
}
//////////////////////////////////////////////////////////////////
document.getElementById("myButton").addEventListener("click",getRandomColor );
GM_addStyle('#myButton {position:fixed;top:0;left:0;text-align:center;line-height:14px;font-size:14px;width:71px;font-weight:bold; color:red!important; background-color:green!important;border:2px solid blue; border-radius:12px; padding:6px 6px; z-index:500000; text-decoration:none;}');
 //mostra nascondi pulsante
 function myFunction() {
 zNode.style.display = ((zNode.style.display!='none') ? 'none' : 'block');
}
GM_registerMenuCommand("mostra/nascondi",myFunction);

//////////////////////
//Make the DIV element draggagle:
dragElement(document.getElementById("myButton"));

function dragElement(elmnt) {
  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  if (document.getElementById(elmnt.id + "header")) {
    /* if present, the header is where you move the DIV from:*/
    document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  } else {
    /* otherwise, move the DIV from anywhere inside the DIV:*/
    elmnt.onmousedown = dragMouseDown;
  }

  function dragMouseDown(e) {
    e = e || window.event;
    e.preventDefault();
    // get the mouse cursor position at startup:
    pos3 = e.clientX;
    pos4 = e.clientY;
    document.onmouseup = closeDragElement;
    // call a function whenever the cursor moves:
    document.onmousemove = elementDrag;
  }

  function elementDrag(e) {
    e = e || window.event;
    e.preventDefault();
    // calculate the new cursor position:
    pos1 = pos3 - e.clientX;
    pos2 = pos4 - e.clientY;
    pos3 = e.clientX;
    pos4 = e.clientY;
    // set the element's new position:
    elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
    elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  }

  function closeDragElement() {
    /* stop moving when mouse button is released:*/
    document.onmouseup = null;
    document.onmousemove = null;
  }
}
欢迎访问Greasy Fork镜像
