您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
try to take over the world!
当前为
- // ==UserScript==
- // @name FKCSDN
- // @namespace http://tampermonkey.net/
- // @version 1.1
- // @description try to take over the world!
- // @author Bryce
- // @include *://www.baidu.com/*
- // @grant none
- // ==/UserScript==
- (function() {
- 'use strict';
- var move = false
- var insertHtml = `
- <div style="" class="fixed-btn">
- <div class="fk-box">
- <div class="fk-csdn">FK CSDN</div>
- <label class="fk-item">
- <input type="checkbox" name="fk-csdn" checked="true">
- <div class="slider round"></div>
- </label>
- </div>
- </div>`
- var insertStyle = `.fixed-btn {
- -webkit-user-select: none;
- position: fixed;
- top: 50px;
- right: 50px;
- border-radius: 50px;
- width: 100px;
- height: 100px;
- background-color: #f2f8ff;
- }
- .btn {
- /*background: #237bff;*/
- position: absolute;
- background-color: #237bff;
- border-radius: 20px;
- border: none;
- }
- .slider.round {
- border-radius: 34px;
- }
- .slider {
- position: absolute;
- cursor: pointer;
- width: 40px;
- height: 20px;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: #ccc;
- -webkit-transition: .4s;
- transition: .4s;
- }
- .slider.round:before {
- border-radius: 50%;
- }
- .slider:before {
- position: absolute;
- content: "";
- height: 16px;
- width: 16px;
- left: 2px;
- bottom: 2px;
- background-color: white;
- -webkit-transition: .4s;
- transition: .4s;
- }
- .fk-item input {
- display: none;
- }
- .fk-item {
- position: absolute;
- right: 0;
- top: 10px;
- display: inline-block;
- vertical-align: middle;
- width: 40px;
- height: 20px;
- top: 6px;
- }
- input:checked+.slider {
- background-color: #2196F3;
- }
- input:checked+.slider:before {
- -webkit-transform: translateX(20px);
- -ms-transform: translateX(20px);
- transform: translateX(20px);
- }
- .fk-csdn {
- color: #000;
- font-weight: bold;
- font-size: 12px;
- vertical-align: middle;
- }
- .fk-box {
- position: relative;
- height: 30px;
- line-height: 30px;
- }
- .fk-box:first-child {
- margin-top: 20px;
- }`
- var styleDom = document.createElement('style');
- styleDom.type='text/css';
- if (styleDom.styleSheet) {
- styleDom.styleSheet.cssText = insertStyle;
- } else {
- styleDom.innerHTML = insertStyle;
- }
- document.querySelector('#wrapper').appendChild(styleDom);
- document.querySelector('#head').insertAdjacentHTML('beforeEnd', insertHtml);
- var fixedBtn = document.querySelector('.fixed-btn');
- var inputBox = document.querySelector('input[type=checkbox]');
- var searchBtn = document.querySelector('#su');
- var isChecked = true;
- fixedBtn.addEventListener("mousedown", function(e) {
- move = true;
- });
- fixedBtn.addEventListener("mousemove", function(e) {
- var x = e.clientX;
- var y = e.clientY;
- if (move) {
- fixedBtn.style.left = x - fixedBtn.clientWidth / 2 + "px";
- fixedBtn.style.top = y - fixedBtn.clientHeight / 2 + "px";
- }
- });
- document.addEventListener("mouseup", function(e) {
- move = false;
- });
- inputBox.addEventListener('change', function() {
- var name = this.getAttribute('name');
- var value = this.getAttribute('checked');
- var ele = this;
- switch (name) {
- case 'fk-csdn':
- FKCSDN(name, value, ele);
- break
- case '':
- break;
- default:
- break;
- }
- })
- searchBtn.addEventListener('click', function() {
- var searchInput = document.querySelector('#kw');
- var searchText = searchInput.value;
- var searchArr = searchText.split(' ');
- var hasValue = false;
- for (var key in searchArr) {
- if (searchArr[key] == '-site:csdn.net') {
- hasValue = true;
- }
- }
- if (!hasValue && isChecked) {
- searchInput.value = searchText + ' -site:csdn.net';
- }
- })
- function FKCSDN(name, value, ele) {
- isChecked = ele.checked;
- if(!ele.checked){
- var searchInput = document.querySelector('#kw');
- var searchText = searchInput.value;
- var searchArr = searchText.split(' ');
- var newArr = [];
- if(searchArr.includes('-site:csdn.net')){
- searchArr.forEach((value,index)=> {
- if(value !=='-site:csdn.net'){
- newArr.push(value);
- }
- })
- searchInput.value = newArr.join(' ');
- }
- }
- }
- })();