// ==UserScript== // @name 手机看图、小说适配 // @namespace http://tampermonkey.net/ // @version 9.411 // @description 页面旋转,自动滚动,图片集合 // @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 // @downloadURL none // ==/UserScript== (function() { 'use strict'; if ($('.JqScroll').length > 0) { return } var winW; if ($(window).width() > $(window).height()) { winW = $(window).height() * 0.9; } else { winW = $(window).width(); } var width = winW * 0.125; var height = winW * 0.1; var top = $(window).height() * 0.35 - winW * 0.05; var fontSz = winW * 0.036; var jianG = winW * 0.1; var left2 = -0.125 * winW * 0.125; var left = winW * 0.125 + left2; var twoCss = "position:absolute; top:0; left: 0; overflow: visible; width: 100%!important; height: auto!important; z-index: 2147483646!important; margin: 0; border: 0; background-color: black;" var aScss = "opacity: 0.7; border-radius: " + (width * 0.1) + "px;cursor: pointer; z-index: 2147483647!important; padding: 0!important; font-weight: bold; font-size: " + fontSz + "px !important;line-height:12px!important; border:2px solid white;height:" + height + "px;background-color:black;color:white;position:fixed;width:" + width + "px;left:0%; top: 15%; "; var sameCss = aScss + "margin-left:" + left + "px;"; var sameCss2 = aScss + "margin-left:" + left2 + "px;"; var scrollJu = 270; var secZ = 2; $("body").append("") .append("") .append("") .append("") .append("") .append("") .append("") .append("") .append("") .append("") .append("") $("").appendTo('head'); var Drotate = 0; var xMove = 0; $("body").on('touchstart', '#Jscroll-rotate', function() { Drotate += 1; if (Drotate % 2 != 0) { $("#Jscroll-rotate").css("color", "green"); var wrap_rotate; var wrap_rotate_inner; if ($('#wrap_rotate').length == 0) { wrap_rotate = $('
', { id: "wrap_rotate" }); wrap_rotate_inner = $('
', { id: "wrap_rotate_inner" }); $('body').wrapInner(wrap_rotate_inner).wrapInner(wrap_rotate); } wrap_rotate = $('#wrap_rotate'); wrap_rotate_inner = $('#wrap_rotate_inner'); var window_width = $(window).height(); window.scrollTo(0, 3 * window_width); setTimeout(function() { wrap_rotate.append($(".JqScroll")); wrap_rotate.attr('style', "z-index: 2147483647!important; overflow: visible; height: " + (window_width) + "px; width: auto;"); wrap_rotate_inner.attr('style', "z-index: 2147483647!important; position: relative; left: -100%; -webkit-transform: rotateZ(-90deg); -webkit-transform-origin-x: 100%; -webkit-transform-origin-y: 0%; -moz-transform: rotateZ(-90deg); -moz-transform-origin-x: 100%; -moz-transform-origin-y: 0%;float: right; width: " + window_width + "px;"); xMove = 1; $("#Jscroll-ul").css({ "padding": "0 0 1500px 0", }); $("#wrap_rotate").css({ "min-width": $("#wrap_rotate_inner").outerHeight() + 1500, }); window.scrollTo(0, 0); }, 200); } else { $("#Jscroll-rotate").css("color", "white"); xMove = 0; $("#Jscroll-ul").css({ "padding": "0 0 800px 0", }); setTimeout(function() { $('#wrap_rotate').attr('style', ""); $('#wrap_rotate_inner').attr('style', ""); }, 200); } }); var widthN = 12; var fontZ; $("body").on('touchstart', '#Jscroll-width', function() { var fSize = parseInt($(document).width() / widthN); $("#Jscroll-width").css("color", "green"); if (widthN > 17) { fSize = "inherit"; $("#Jscroll-width").css("color", "white"); } function interFn() { $(":not(:has(div,li))").filter(function() { return $(this).is('p') || $(this).is('strong') || $(this).clone().children().remove().end().text().length > 100; }).css({ "background-color": "black", "color": "white", "font-size": fSize, "line-height": "normal", }).on("click", function(e) { var touchX = e.clientX; var touchY = e.clientY; var howH = 0.7; var scrollH = 0.6; if (xMove == 1) { window.scrollBy($(window).width() * howH * (touchX > $(window).width() * scrollH ? 1 : -1), 0); } else { window.scrollBy(0, $(window).height() * howH * (touchY > $(window).height() * scrollH ? 1 : -1)); } }); } clearInterval(fontZ); interFn(); fontZ = setInterval(interFn, 4 * 1000); $("#Jscroll-width").val(20 - widthN); if (widthN == 18) { $("#Jscroll-width").val("W"); } if (fSize == "inherit") { widthN = 10; } widthN += 2; }); var picwh = 100; $("body").on('touchstart', "#Jscroll-picwh", function() { picwh += 100; $("#Jscroll-picwh").val(picwh); $("#Jscroll-ul img").each(function() { if (this.naturalWidth < picwh || this.naturalHeight < picwh) { $(this).hide().next("p").hide(); if ($(this).parent().is("a")) { $(this).parent().hide(); } } }); }); var timeout_8; $("body").on('touchstart', '#Jscroll-picwh', function() { timeout_8 = setTimeout(function() { picwh = 100; $("#Jscroll-picwh").val(picwh); $("#Jscroll-ul *").show().each(function() { if (this.naturalWidth < picwh || this.naturalHeight < picwh) { $(this).hide().next("p").hide(); if ($(this).parent().is("a")) { $(this).parent().hide(); } } }); }, 500); }).on('touchend touchmove', '#Jscroll-picwh', function() { clearTimeout(timeout_8); }); function clearBlank(urlB) { return urlB.trim(); } var widthZ; var downImg; var picZ = 0; $("body").on('touchstart', "#Jscroll-pic", function() { clearInterval(widthZ); clearInterval(downImg); $("#Jscroll-ul").remove(); picZ += 1; var imgAr = []; function interFn() { var preArr = []; var dataObj = {}; var newImgAr = []; $("div,li,a,img,[srcset],[poster]").each(function() { var _img = $(this); if (!_img.parent().is("#Jscroll-ul") && !_img.parent().parent().is("#Jscroll-ul")) { var _backImg = _img.css("background-image").split("\""); Object.assign(dataObj, { "_src": _img.attr("src") ? _img.attr("src") : "", "_srcset": _img.attr("srcset") ? _img.attr("srcset") : "", "_poster": _img.attr("poster") ? _img.attr("poster") : "", "_backImg": _backImg.length > 1 ? _backImg[1] : "", }); Object.assign(dataObj, _img.data()); $.each(dataObj, function(v, i) { i = i.toString(); if (/[/?]/.test(i) && (!/[.](gif)([^a-z]|$)/i.test(i) || _img.outerHeight() > 180)) { i = clearBlank(i); var _imgStr = ""; if (picZ == 1 || picZ == 3) { newImgAr.push(_imgStr); } if (picZ == 2 && preArr.indexOf(i) == -1) { var _a = _img.closest("a"); var _pStr = _img.attr("title") ? "

" + _img.attr("title") + "

" : ""; if (_a.length != 0) { var _href = _a.attr("href") ? _a.attr("href") : ""; var _onclick = _a.attr("onclick") ? _a.attr("onclick") : ""; newImgAr.push("" + _imgStr + _pStr + ""); preArr.push(i); } else { newImgAr.push(_imgStr, _pStr); } } } }); if (picZ == 2 && _img.is("a")) { var _href = _img.attr("href") ? _img.attr("href") : ""; var _onclick = _img.attr("onclick") ? _img.attr("onclick") : ""; var _text = _img.attr("title") ? _img.attr("title") : _img.text(); newImgAr.push("" + _text + ""); } } }); newImgAr = Array.from(new Set(newImgAr)); if (newImgAr.toString() != imgAr.toString()) { $("#Jscroll-ul").css({ "min-height": $("#Jscroll-ul").height(), }); var newArrEx = newImgAr.filter(function(n) { return imgAr.indexOf(n) == -1 }); $("#Jscroll-ul").append(newArrEx); var isSupportLoading = 'loading' in document.createElement('img'); if (isSupportLoading) { $("#Jscroll-ul img").attr("loading", "lazy"); } $("#Jscroll-ul>a:has(img)").css({ "width": "100%", "display": "block", }); $("#Jscroll-ul img").on('error', function() { $(this).hide().next("p").hide(); if ($(this).parent().is("a")) { $(this).parent().hide(); } }); var _allH = 0; var _numH = 0; $("#Jscroll-ul img").on("load", function() { var natuW = this.naturalWidth; var natuH = this.naturalHeight; if (natuW < picwh || natuH < picwh) { $(this).hide().next("p").hide(); if ($(this).parent().is("a")) { $(this).parent().hide(); } } else { _allH += natuW < natuH ? natuW : natuH; _numH += 1; if (_numH == 5) { picwh = parseInt(_allH * 0.6 / _numH / 100) * 100; if (picwh < 100) { picwh = 100; } $("#Jscroll-picwh").val(picwh); } } }); imgAr = newImgAr; } } if (picZ < 4) { if (xMove == 1) { $("#wrap_rotate_inner").prepend("
"); $("#Jscroll-ul").css({ "padding": "0 0 1500px 0", }); } else { $("body").prepend("
"); $("#Jscroll-ul").css({ "padding": "0 0 800px 0", }); } $("#Jscroll-pic").css("color", "green").val(picZ); interFn() widthZ = setInterval(interFn, 6000); if (picZ == 3 && xMove == 0) { downImg = setInterval(function() { var ulTop = parseInt($("#Jscroll-ul").css("top")); var newTop = parseInt($(document).height() - $("#Jscroll-ul").outerHeight()) - 1; if (ulTop < newTop) { $("#Jscroll-ul").css({ "top": newTop, }); window.scrollBy(0, newTop - ulTop); } }, 1000); } } else { $("#Jscroll-pic").css("color", "white").val("P"); picZ = 0; } }); $("body").on('click', "#Jscroll-ul>*:not(a)", function(e) { var touchX = e.clientX; var touchY = e.clientY; var howH = 0.7; var scrollH = 0.6; if (xMove == 1) { window.scrollBy($(window).width() * howH * (touchX > $(window).width() * scrollH ? 1 : -1), 0); } else { window.scrollBy(0, $(window).height() * howH * (touchY > $(window).height() * scrollH ? 1 : -1)); } }); var timeout_7; $("body").on('touchstart', '#Jscroll-pic', function() { timeout_7 = setTimeout(function() { clearInterval(widthZ); $("#Jscroll-ul").remove(); $("#Jscroll-pic").css("color", "white").val("P"); picZ = 0; }, 500); }).on('touchend touchmove', '#Jscroll-pic', function() { clearTimeout(timeout_7); }); $("body").on('touchstart', '#Jscroll-sec', function() { secZ -= 1; if (secZ < 0) { secZ = 3 } if (secZ < 1) { secZ = 0.6 } $("#Jscroll-sec").val(secZ); }); var Dxy = 0; var pageX; var pageY; var timeHu; $("body").on('touchstart', '#Jscroll-xy', function() { var toH; if (xMove != 1) { toH = $(document).height(); } else { toH = $("#wrap_rotate_inner").outerHeight() - 250; } Dxy += 1; clearTimeout(timeHu); if (Dxy % 2 == 1) { pageX = $(window).scrollLeft(); pageY = $(window).scrollTop(); if (xMove == 1) { window.scrollTo(toH, 0); } else { window.scrollTo(0, toH); } $("#Jscroll-xy").val("="); $("#Jscroll-up").val("="); timeHu = setTimeout(function() { Dxy += 1; $("#Jscroll-up").val("△"); $("#Jscroll-xy").val("▽"); }, 8 * 1000); } else { window.scrollTo(pageX, pageY); $("#Jscroll-up").val("△"); $("#Jscroll-xy").val("▽"); } }); $("body").on('touchstart', '#Jscroll-up', function() { Dxy += 1; clearTimeout(timeHu); if (Dxy % 2 == 1) { pageX = $(window).scrollLeft(); pageY = $(window).scrollTop(); window.scrollTo(0, 0); $("#Jscroll-xy").val("="); $("#Jscroll-up").val("="); timeHu = setTimeout(function() { Dxy += 1; $("#Jscroll-up").val("△"); $("#Jscroll-xy").val("▽"); }, 8 * 1000); } else { window.scrollTo(pageX, pageY); $("#Jscroll-up").val("△"); $("#Jscroll-xy").val("▽"); } }); setTimeout(function() { $(".JqScroll").hide(); $("#Jscroll-del").show().css({ "opacity": "0.4", "-webkit-transform": "scale(0.72)", "-moz-transform": "scale(0.72)", "transform": "scale(0.72)", }); }, 100); var Dhide = 1; $("body").on('touchstart', '#Jscroll-del', function() { Dhide += 1; if (Dhide % 2 != 0) { $(".JqScroll").hide(); $("#Jscroll-del").show().css({ "opacity": "0.4", "-webkit-transform": "scale(0.72)", "-moz-transform": "scale(0.72)", "transform": "scale(0.72)", }); } else { $(".JqScroll").show(); $("#Jscroll-del").css({ "opacity": "0.8", "-webkit-transform": "scale(1)", "-moz-transform": "scale(1)", "transform": "scale(1)", }); if (Dscroll % 2 != 0) { Dscroll += 1; $("#Jscroll-Ju").css("color", "white"); clearInterval(timeDown); } } }); var timeout_2; $("body").on('touchstart', '#Jscroll-del', function() { timeout_2 = setTimeout(function() { $(".JqScroll").hide(); $("#Jscroll-del").css({ "opacity": "0.4", "-webkit-transform": "scale(0.72)", "-moz-transform": "scale(0.72)", "transform": "scale(0.72)", }); if (Dhide % 2 == 0) { Dhide += 1; } }, 700); }).on('touchend touchmove', '#Jscroll-del', function() { clearTimeout(timeout_2); }); var timeout_3; $("body").on('touchstart', function() { timeout_3 = setTimeout(function() { $("#Jscroll-del").show(); }, 500); }).on('touchend touchmove', function() { clearTimeout(timeout_3); }); $("body").on('touchstart', '#Jscroll-jia', function() { scrollJu += 45; $("#Jscroll-Ju").val(scrollJu); }); $("body").on('touchstart', '#Jscroll-jian', function() { scrollJu -= 45; $("#Jscroll-Ju").val(scrollJu); }); var timeout_4; $("body").on('touchstart', '#Jscroll-jian', function() { timeout_4 = setTimeout(function() { scrollJu -= 45 * 9; $("#Jscroll-Ju").val(scrollJu); }, 500); }).on('touchend touchmove', '#Jscroll-jian', function() { clearTimeout(timeout_4); }); var timeout_5; $("body").on('touchstart', '#Jscroll-jia', function() { timeout_5 = setTimeout(function() { scrollJu += 45 * 9; $("#Jscroll-Ju").val(scrollJu); }, 500); }).on('touchend touchmove', '#Jscroll-jia', function() { clearTimeout(timeout_5); }); var Dscroll = 0; var timeDown; var timeout_6; $("body").on('touchstart', '#Jscroll-Ju', function() { timeout_6 = setTimeout(function() { scrollJu = 270; $("#Jscroll-Ju").val(scrollJu); Dscroll += 1; if (Dscroll % 2 != 0) { $("#Jscroll-Ju").css("color", "green"); clearInterval(timeDown); timeDown = setInterval(function() { if (xMove == 1) { window.scrollBy(scrollJu, 1) window.scrollBy(0, -1); } else { window.scrollBy(0, scrollJu) } }, secZ * 1000); } else { $("#Jscroll-Ju").css("color", "white"); clearInterval(timeDown); } }, 500); }).on('touchend touchmove', '#Jscroll-Ju', function() { clearTimeout(timeout_6); }); $("body").on('touchstart', '#Jscroll-Ju', function() { Dscroll += 1; if (Dscroll % 2 != 0) { $("#Jscroll-Ju").css("color", "green"); clearInterval(timeDown); timeDown = setInterval(function() { if (xMove == 1) { window.scrollBy(scrollJu, 0); } else { window.scrollBy(0, scrollJu); } }, secZ * 1000); } else { $("#Jscroll-Ju").css("color", "white"); clearInterval(timeDown); } }); // Your code here... })();