Greasy Fork

竖版看图

旋转90度看图，自动滚动

目前为 2023-07-22 提交的版本。查看 最新版本。

// ==UserScript==
// @name         竖版看图
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  旋转90度看图，自动滚动
// @author       You
// @match        *://*/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=pixabay.com
// @grant        none
// @require https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js
// @license MIT
// ==/UserScript==

(function() {
    'use strict';
var Dscroll = 0;

var Dhide = 0;

var timeDown;

var scrollJu = 90;

var bottom = 150;

var left = 60;

var jianG = 30;

    $("body").append("<input type='button' id='Jscroll-jian' value='-' style='width:30px;height:20px;background-color:black;color:white;position:fixed;left:" + left + "px;bottom:" + bottom + "px'>")

    .append("<input type='button' id='Jscroll-jia' value='+' style='width:30px;height:20px;background-color:black;color:white;position:fixed;left:" + left + "px;bottom:" + (bottom + jianG) + "px'>")

    .append("<input type='button' id='Jscroll-Ju' value='" + scrollJu + "' style='width:40px;height:20px;background-color:black;color:white;position:fixed;left:" + left + "px;bottom:" + (bottom + 2 * jianG) + "px'>")

    .append("<input type='button' id='Jscroll-del' value='X' style='width:30px;height:20px;background-color:black;color:white;position:fixed;left:" + left + "px;bottom:" + (bottom + 3 * jianG) + "px'>");

    $("#Jscroll-jia").click(function () {

    scrollJu += 30;

    $("#Jscroll-Ju").val(scrollJu);

});

$("#Jscroll-del").click(function () {

	Dhide += 1;	if (Dhide % 2 != 0) {

    	$("#Jscroll-jia").hide();

    	$("#Jscroll-jian").hide();

    	$("#Jscroll-Ju").hide();

	}else{

		$("#Jscroll-jia").show();

    	$("#Jscroll-jian").show();

    	$("#Jscroll-Ju").show();

	}

});

$("#Jscroll-jian").click(function () {

    scrollJu -= 30;

    $("#Jscroll-Ju").val(scrollJu);

});

$("#Jscroll-Ju").click(function () {

    Dscroll += 1;

    if (Dscroll % 2 != 0) {

        if (scrollJu < 180) {

            $("img").css("cssText", "-webkit-transform: rotate(90deg) scale(0.56) !important");

        }

        timeDown = setInterval(function () {

            window.scrollBy(0, scrollJu)

        }, 4000)

        $("#Jscroll-Ju").css("color","green");

    } else {

        clearInterval(timeDown)

        $("img").css("cssText", "-webkit-transform: rotate (0deg) scale(1) !important");

        $("#Jscroll-Ju").css("color","white");

    }

});
    // Your code here...
})();