校园网登录美化
// ==UserScript==
// @name 校园网登录美化
// @namespace https://bbs.tampermonkey.net.cn/
// @version 0.1.0
// @description 适用于江苏信息职业技术学院的登录界面美化
// @author 雪中明月
// @match http://10.11.0.10/
// ==/UserScript==
(function () {
'use strict';
// 随机图片API
var background_api = "https://www.dmoe.cc/random.php"
get_edit()
function get_edit() {
// 重写标题
var mt_head = document.querySelector(".mt_head")
mt_head.innerHTML = `<div style="font-size: 35px;text-align: center;padding: 30px 0 30px 0;">苏信校园网登录</div>`
mt_head.style.cursor = "default"
var mt_body = document.querySelector(".mt_body")
mt_body.style.top = "90px"
// 输入框优化
var ISP_select = document.querySelector(`div.mt_body > div:nth-child(1) > div > select`)
var username = document.querySelector("div.mt_body > div:nth-child(1) > div > form > input:nth-child(3)")
var password = document.querySelector("div.mt_body > div:nth-child(1) > div > form > input:nth-child(4)")
username.placeholder = "Username"
password.placeholder = "Password"
ISP_select.style = `
top: 12px;
left: 21px;
width: 320px;
height: 50px;
font-size: 20px;
border-radius: 15px;
text-align: left;
color: rgb(127, 127, 127);
border: 3px solid transparent;
text-align: center;
position: absolute;
transition: 0.5s
background-color: rgb(255, 255, 255);`
ISP_select.selectedIndex = "请选择运营商"
username.style = `
top: 79px;
left: 21px;
width: 320px;
height: 50px;
font-size: 20px;
border-radius: 15px;
text-align: left;
color: rgb(127, 127, 127);
text-align: center;
position: absolute;
border: 3px solid transparent;
transition: border 0.5s;
background-color: rgb(255, 255, 255);`
password.style = `
top: 146px;
left: 21px;
width: 320px;
height: 50px;
font-size: 20px;
border: 3px solid transparent;
border-radius: 15px;
text-align: left;
color: rgb(127, 127, 127);
text-align: center;
position: absolute;
transition: 0.5s
background-color: rgb(255, 255, 255);`
ISP_select.addEventListener("focus", function () {
ISP_select.style = `
top: 12px;
left: 21px;
width: 320px;
height: 50px;
font-size: 20px;
border-radius: 15px;
text-align: left;
color: rgb(127, 127, 127);
text-align: center;
position: absolute;
transition: 0.5s;
border: 3px solid black;
background-color: rgb(255, 255, 255);`
})
ISP_select.addEventListener("blur", function () {
ISP_select.style = `
top: 12px;
left: 21px;
width: 320px;
height: 50px;
font-size: 20px;
border-radius: 15px;
text-align: left;
color: rgb(127, 127, 127);
text-align: center;
position: absolute;
transition: 0.5s;
border: 3px solid transparent;
background-color: rgb(255, 255, 255);`
})
username.addEventListener("focus", function () {
username.style = `
top: 79px;
left: 21px;
width: 320px;
height: 50px;
font-size: 20px;
border-radius: 15px;
text-align: left;
color: rgb(127, 127, 127);
text-align: center;
position: absolute;
transition: 0.5s;
border: 3px solid black;
background-color: rgb(255, 255, 255);`
})
username.addEventListener("blur", function () {
username.style = `
top: 79px;
left: 21px;
width: 320px;
height: 50px;
font-size: 20px;
border-radius: 15px;
text-align: left;
color: rgb(127, 127, 127);
text-align: center;
position: absolute;
transition: 0.5s;
border: 3px solid transparent;
background-color: rgb(255, 255, 255);`
})
password.addEventListener("focus", function () {
password.style = `
top: 146px;
left: 21px;
width: 320px;
height: 50px;
font-size: 20px;
border-radius: 15px;
text-align: left;
color: rgb(127, 127, 127);
text-align: center;
position: absolute;
transition: 0.5s;
border: 3px solid black;
background-color: rgb(255, 255, 255);`
})
password.addEventListener("blur", function () {
password.style = `
top: 146px;
left: 21px;
width: 320px;
height: 50px;
font-size: 20px;
border-radius: 15px;
text-align: left;
color: rgb(127, 127, 127);
text-align: center;
position: absolute;
transition: 0.5s;
border: 3px solid transparent;
background-color: rgb(255, 255, 255);`
})
// 提交按钮
var submit = document.querySelector("div.mt_body > div:nth-child(1) > div > form > input:nth-child(1)")
submit.style = `
top: 212px;
left: 60px;
width: 240px;
height: 48px;
position: absolute;
background-color: transparent;
font-size: 30px;`
submit.addEventListener("mouseenter", function () {
submit.style = `
top: 212px;
left: 60px;
width: 240px;
height: 48px;
position: absolute;
background-color: transparent;
border-bottom: 2px solid grey;
transition: 0.5s;
font-size: 30px;`
})
submit.addEventListener("mouseleave", function () {
submit.style = `
top: 212px;
left: 60px;
width: 240px;
height: 48px;
position: absolute;
border-bottom: 2px solid transparent;
transition: 0.5s;
background-color: transparent;
font-size: 30px;`
})
// 背景移除
var background = document.querySelector(".edit_cell.edit_image.ui-resizable-autohide")
var new_background = document.querySelector("body")
background.remove()
new_background.style.background = `url("https://www.dmoe.cc/random.php") center center no-repeat`
new_background.style.backgroundSize = "cover"
// 登录窗口
var login_window = document.querySelector(".edit_cell.edit_moreTabs.ui-resizable-autohide")
login_window.style = `
inset: 155px auto auto 50%;
width: 360px;
height: 372px;
background-color: rgb(246, 246, 246);
border-radius: 35px;
box-shadow: rgba(0, 0, 0, 0.5) 10px 10px 30px;
border-color: rgb(51, 51, 51);
transform: translateX(-50%);`
// 底部提示移除
var tip = document.querySelectorAll("div.edit_cell.edit_prog.ui-resizable-autohide")[1]
var tip_2 = document.querySelectorAll(".edit_row.ui-resizable-autohide")[1]
tip.remove()
try {
tip_2.remove()
} catch {
console.log("not mobile")
}
var cursor = document.createElement("script").setAttribute("src", "https://xn--fiqz59cpva341l.top/js/cursor2.js");
}
})();