☰

Greasy Fork is available in English.

SCO实验室文章重排

SCO实验室文章加宽，点击图片放大

  1. // ==UserScript==
  2. // @name         SCO实验室文章重排
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1.1
  5. // @description  SCO实验室文章加宽，点击图片放大
  6. // @author       Mr.NullNull
  7. // @match        https://www.seotest.cn/*.html
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function () {
  12.     'use strict';
  13.  
  14.     function Main() {
  15.         var dom = document.createElement("style");
  16.         dom.innerHTML = `
  17.         .lm_index {
  18.             width: 1440px;
  19.         }
  20.         .lm_left {
  21.             width: 1140px;
  22.         }
  23.         #my_img {
  24.             margin: 0;
  25.             padding: 0;
  26.             outline: 8px solid #aaa;
  27.             background: #aaa;
  28.             
  29.             position: fixed;
  30.             top: 50%;
  31.             left: 50%;
  32.             z-index: 9999;
  33.         }
  34.         `;
  35.         document.body.append(dom);
  36.  
  37.  
  38.         dom = document.createElement("div");
  39.         dom.id = "my_img";
  40.         dom.style = "display: none;"
  41.         dom.innerHTML = `<img src="">`;
  42.         document.body.append(dom);
  43.  
  44.         var domdiv = document.querySelector("#my_img");
  45.         var domimg = document.querySelector("#my_img > img");
  46.  
  47.         document.addEventListener("click", function (event) {
  48.             var ev = event ? event : window.event;
  49.             var elem = ev.target;
  50.  
  51.             if (elem.tagName.toLowerCase() == 'img') {
  52.                 var w = elem.naturalWidth;
  53.                 var h = elem.naturalHeight;
  54.                 console.log(w, h);
  55.                 console.log(elem.src);
  56.  
  57.                 var styleTxt = `
  58.                     margin-top: -${h/2}px;
  59.                     margin-left:-${w/2}px;
  60.                 `;
  61.  
  62.                 domdiv.style = styleTxt;
  63.                 domimg.src = elem.src;
  64.  
  65.             } else {
  66.                 dom.style = "display: none;";
  67.             }
  68.  
  69.  
  70.         }, true);
  71.  
  72.         domdiv.onclick = function () {
  73.             dom.style = "display: none;";
  74.         };
  75.  
  76.     }
  77.  
  78.     Main();
  79. })();