Soul+Linker

用于从魂+快速跳转到DLsite
As of 29.04.2022. See ბოლო ვერსია.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         Soul+Linker
// @name:en         Soul+Linker
// @name:zh         Soul+Linker
// @namespace    [email protected]
// @version      1.3.0
// @description  用于从魂+快速跳转到DLsite
// @description:en  Used to jump from Soul+ to DLsite quickly
// @description:zh  用于从魂+快速跳转到DLsite
// @author       Xiccnd

// @license      GPL-3.0 License

// @include        *://white-plus.net/*
// @include        *://snow-plus.net/*
// @include        *://level-plus.net/*
// @include        *://east-plus.net/*
// @include        *://south-plus.net/*
// @include        *://north-plus.net/*
// @include        *://spring-plus.net/*
// @include        *://summer-plus.net/*
// @include        *://imoutolove.me/*

// @include        *//www.dlsite.com/maniax/work/=/product_id/*

// @include        *://www.white-plus.net/*
// @include        *://www.snow-plus.net/*
// @include        *://www.level-plus.net/*
// @include        *://www.east-plus.net/*
// @include        *://www.south-plus.net/*
// @include        *://www.north-plus.net/*
// @include        *://www.spring-plus.net/*
// @include        *://www.summer-plus.net/*
// @include        *://bbs.imoutolove.me/*

// @exclude        *://www.white-plus.net/index.php
// @exclude        *://www.snow-plus.net/index.php
// @exclude        *://www.level-plus.net/index.php
// @exclude        *://www.east-plus.net/index.php
// @exclude        *://www.south-plus.net/index.php
// @exclude        *://www.north-plus.net/index.php
// @exclude        *://www.spring-plus.net/index.php
// @exclude        *://www.summer-plus.net/index.php
// @exclude        *://bbs.imoutolove.me/index.php

// @exclude        *://www.white-plus.net/
// @exclude        *://www.snow-plus.net/
// @exclude        *://www.level-plus.ne/
// @exclude        *://www.east-plus.net/
// @exclude        *://www.south-plus.net/
// @exclude        *://www.north-plus.net/
// @exclude        *://www.spring-plus.net/
// @exclude        *://www.summer-plus.net/
// @exclude        *://bbs.imoutolove.me/

// @exclude        *://white-plus.net/index.php
// @exclude        *://snow-plus.net/index.php
// @exclude        *://level-plus.net/index.php
// @exclude        *://east-plus.net/index.php
// @exclude        *://south-plus.net/index.php
// @exclude        *://north-plus.net/index.php
// @exclude        *://spring-plus.net/index.php
// @exclude        *://summer-plus.net/index.php
// @exclude        *://imoutolove.me/index.php

// @exclude        *://white-plus.net/
// @exclude        *://snow-plus.net/
// @exclude        *://level-plus.ne/
// @exclude        *://east-plus.net/
// @exclude        *://south-plus.net/
// @exclude        *://north-plus.net/
// @exclude        *://spring-plus.net/
// @exclude        *://summer-plus.net/
// @exclude        *://imoutolove.me/

// @require      https://code.jquery.com/jquery-3.6.0.min.js
// @icon         https://cdn.jsdelivr.net/gh/Xiccnd/Xiccnd-Pic@master/20220421113011992.1vh7zbll47r4.ico
// @grant        none
// ==/UserScript==

$(function () {

    'use strict'

    /*
    * 设置全局变量,开头加前缀避免重名
    * */

    //获取标题
    const XICCND_TITLE = $('h1#subject_tpc.fl').html()

    //设置检查规则
    const XICCND_CHECK_RJ = new RegExp('RJ[0-9]{6}')
    const XICCND_CHECK_DL = new RegExp('dlsite')
    const XICCND_CHECK_SEARCH = new RegExp('search.php[?]keyword-RJ[0-9]{6}')

    //设置跳转魂+域名
    const XICCND_WEBSITE = 'east-plus.net'

    /*
    * 开关插件功能
    * */

    //开启跳转和图片预览功能
    xiccndRJ()

    //开启网站清爽模式,建议配合Soul+Cleaner和Soul++图墙自动打开一起使用
    //xiccndCleanMode()

    //开启去除文章广告，会导致无法列表模式观看，建议图墙用户开启
    xiccndCleanList()

    //开启DLsite跳转魂+搜索
    xiccndRJSearch()

    //开启魂+内部跳转
    xiccndInnerJump()

    /*
    * 跳转
    * */
    function xiccndRJ() {
        //创建复制按钮
        const COPY_BUTTON = "<button id='copy_button' style='display: none; margin-left: 10px; cursor: pointer' onclick='return false'>复制标题</button>"

        //标题后中添加复制按钮
        if ($('button#copy_button') > 0) {
            console.log('复制按钮已存在')
        } else {
            $('h1#subject_tpc.fl').append(COPY_BUTTON)
        }

        $('h1#subject_tpc.fl').on('click', function () {
            $('button#copy_button').stop().toggle(300)
        })

        $('button#copy_button').on('click', function () {
            // 创建元素用于复制
            const aux = document.createElement('input')
            // 获取复制内容
            const content = XICCND_TITLE
            // 设置元素内容
            aux.setAttribute('value', content)
            // 将元素插入页面进行调用
            document.body.appendChild(aux)
            // 复制内容
            aux.select()
            // 将内容复制到剪贴板
            document.execCommand('copy')
            // 删除创建元素
            document.body.removeChild(aux)

            alert('标题已复制\n' + XICCND_TITLE)
        })
        //检查标题是否含有RJ号
        if (XICCND_CHECK_RJ.test(XICCND_TITLE)) {//如果含有
            //获取RJ号
            const RJ = XICCND_TITLE.substr(XICCND_TITLE.indexOf("RJ"), 8)
            //合成路径
            let RJPre = RJ.substr(0, 4)
            let RJBody = parseInt(RJ.substr(4, 1)) + 1

            if (RJBody === 10) {//当RJBody为9时，RJBody要变为0，前一个数字加1
                RJPre = RJPre.substr(0, 3) + (parseInt(RJPre.substr(3, 1)) + 1)
                RJBody = 0
            }

            const RJSRC = RJPre + RJBody + '000'
            //合成图片地址
            const SRC = '//img.dlsite.jp/modpub/images2/work/doujin/' + RJSRC + '/' + RJ + '_img_main.jpg'
            //创建图片
            const IMG = '<img id="xiccndImg" style="display: none; width: 15%; position: absolute; left: 1%;top: 10px;border: 5px dashed pink" alt="' + XICCND_TITLE + '" src= ' + '"' + SRC + '"' + '>'

            //网页中添加图片
            if ($('img#xiccndImg') > 0) {
                console.log('预览图已存在')
            } else {
                $('body').append(IMG)
            }

            $("h1#subject_tpc.fl").on('mouseover', function () {
                $(this).css('cursor', 'pointer').css('color', 'pink')
            }).on('mouseout', function () {
                $(this).css('color', '#bbbbbb')
            }).on('click', function (event) {
                //获取当前鼠标的坐标
                const mouse_x = event.pageX + "px"
                const mouse_y = event.pageY + "px"

                //如果图片隐藏时可改变图片位置
                if ($('img#xiccndImg').css('display') === 'none') {
                    $('img#xiccndImg').css({
                        left: mouse_x,
                        top: mouse_y
                    })
                }

                $('img#xiccndImg').stop().toggle(300)
            })
            //跳转网页
            $('img#xiccndImg').on('click', function () {
                window.open("https://www.dlsite.com/maniax/work/=/product_id/" + RJ + ".html");
            }).on('mouseover', function () {
                $(this).css('cursor', 'pointer').css('border', '5px dashed plum')
            }).on('mouseout', function () {
                $(this).css('border', '5px dashed pink')
            })
        } else {//如果不含有
            //检查是否已存在表单
            if (!($('form#xiccndSearchForm').size > 0)) {
                //生成跳转表单
                const SEARCHBAR = '<input id="xiccndSearchbar" type="text" value="RJ" placeholder="请输入RJ号" style="width: 100px; height: 20px; margin-left: 5px"/>'
                const BUTTON = '<input id="xiccndSearchbarButton" type="submit" value="跳转" style="height: 25px; margin-left: 5px"/>'
                const FORM = '<form id="xiccndSearchForm" action="" style="display: none">' + SEARCHBAR + BUTTON + '</form>'
                //添加生成表单
                $('div.h1.fl').append(FORM)
            }
            //标题点击效果
            $("h1#subject_tpc.fl").on('click', function () {
                $('form#xiccndSearchForm').stop().toggle(500)
            }).on('mouseover', function () {
                $(this).css('cursor', 'pointer').css('color', 'plum')
            }).on('mouseout', function () {
                $(this).css('color', '#bbbbbb')
            })
            //跳转按钮效果
            $('input#xiccndSearchbarButton').on('mouseover', function () {
                $(this).css('cursor', 'pointer')
            }).on('click', function () {
                //获取搜索框内值
                let searchRJ = $('input#xiccndSearchbar').val()

                //判断RJ号
                while (!(XICCND_CHECK_RJ.test(searchRJ))) {
                    if (searchRJ === '') {
                        searchRJ = prompt('RJ号为空，请重新输入！')
                    } else if (searchRJ == null) {//点击取消
                        break
                    } else {
                        searchRJ = prompt('RJ号不规范，请重新输入！')
                    }
                }

                //判断是否点击取消，否的话跳转
                if (searchRJ != null) {
                    $('form#xiccndSearchForm').attr('action', 'https://www.dlsite.com/maniax/work/=/product_id/' + searchRJ + '.html')
                } else {
                    return false
                }
            })
        }
    }

    /*
    * 去除文章广告
    * */
    function xiccndCleanMode() {
        //去除页头广告
        $('div#header div').eq(-2).remove()
        //去除网页头部
        $('td.banner').remove()
        //去除网页底部
        $('div#main>div.t_one').remove()
        $('div#footer').remove()
        //去除公告
        $('div.gonggao').remove()
    }

    /*
    * 去除文章广告
    * */
    function xiccndCleanList() {
        $('table#ajaxtable>tbody').eq(1).remove()
    }

    /*
    * DLsite跳转魂+搜索
    * */
    function xiccndRJSearch() {
        //获取当前网址
        const URL = window.location.href

        //检查是否为DLsite网站
        if (XICCND_CHECK_DL.test(URL)) {
            //截取RJ号
            const RJ = URL.substr(URL.indexOf("RJ"), 8)

            $('h1#work_name').on('mouseover', function () {
                $(this).css('cursor', 'pointer').css('color', 'pink')
            }).on('mouseout', function () {
                $(this).css('color', '#333')
            }).on('click', function () {//带RJ号跳转搜索页面
                window.open('https://' + XICCND_WEBSITE + '/search.php?keyword-' + RJ)
            })
        } else if (XICCND_CHECK_SEARCH.test(URL)) {//检查是否为搜索界面
            //截取RJ号
            const SEARCH_RJ = URL.substr(URL.indexOf("RJ"), 8)

            //在搜索框填入RJ号
            $('input.input[name="keyword"]').val(SEARCH_RJ)
            //改搜索条件为所有主题帖
            $('select[name="sch_time"]>option[value="all"]').attr('selected', 'selected')
            //点击搜索按钮
            $('input.btn[value="提 交"]').trigger('click')
        }
    }

    /*
    * 魂+内部跳转
    * */
    function xiccndInnerJump() {
        //获取当前网址
        const URL = window.location.href

        //如果是同人音声
        if (URL.indexOf('fid-128.html') > 0) {
            const JUMP_DIV = '<div id="jump_div" style="position: fixed; left: 0; top: 10px; color: black; font-size: 2em; text-align: center; user-select: none">' +
                '<ul style="list-style-type: none; width: 200px">' +
                '<li style="border: pink dashed 3px">同人音声<span style="float: right; margin-top: 3px; margin-right: 7px; width: 17px">&#8711;</span></li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">茶馆</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">询问&求物</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">GALGAME</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">游戏资源</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; display: none">COSPLAY</li>' +
                '<li style="border: pink dashed 3px; display: none">实用动画</li>' +
                '</ul>' +
                '</div>'
            //判断跳转div元素是否存在
            if ($('div#jump_div').size > 0) {
                console.log('跳转列表已存在')
            } else {
                //添加div
                $('body').append(JUMP_DIV)
            }

            $('div#jump_div li').on('mouseover', function () {
                $(this).css('cursor', 'pointer').css('background-color', 'rgba(255,255,255,0.2)')
            }).on('mouseout', function () {
                $(this).css('background-color', 'transparent')
            }).eq(0).on('click', function () {
                if ($(this).next('li').css('display') === 'none') {
                    $('div#jump_div li').stop().slideDown(300)
                    $(this).find('span').html('&#916;')
                } else {
                    $('div#jump_div li').not(':first').stop().slideUp(300)
                    $(this).find('span').html('&#8711;')
                }
            }).end().eq(1).on('click', function () {
                window.location.href = 'thread_new.php?fid-9.html'
            }).end().eq(2).on('click', function () {
                window.location.href = 'thread_new.php?fid-48.html'
            }).end().eq(3).on('click', function () {
                window.location.href = 'thread_new.php?fid-135.html'
            }).end().eq(4).on('click', function () {
                window.location.href = 'thread_new.php?fid-6.html'
            }).end().eq(5).on('click', function () {
                window.location.href = 'thread_new.php?fid-201.html'
            }).end().eq(6).on('click', function () {
                window.location.href = 'thread_new.php?fid-4.html'
            })
        }

        //如果是茶馆
        if (URL.indexOf('fid-9.html') > 0) {
            const JUMP_DIV = '<div id="jump_div" style="position: fixed; left: 0; top: 10px; color: black; font-size: 2em; text-align: center; user-select: none">' +
                '<ul style="list-style-type: none; width: 200px">' +
                '<li style="border: pink dashed 3px">茶馆<span style="float: right; margin-top: 3px; margin-right: 7px; width: 17px">&#8711;</span></li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">同人音声</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">询问&求物</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">GALGAME</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">游戏资源</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; display: none">COSPLAY</li>' +
                '<li style="border: pink dashed 3px; display: none">实用动画</li>' +
                '</ul>' +
                '</div>'
            //判断跳转div元素是否存在
            if ($('div#jump_div').size > 0) {
                console.log('跳转列表已存在')
            } else {
                //添加div
                $('body').append(JUMP_DIV)
            }

            $('div#jump_div li').on('mouseover', function () {
                $(this).css('cursor', 'pointer').css('background-color', 'rgba(255,255,255,0.2)')
            }).on('mouseout', function () {
                $(this).css('background-color', 'transparent')
            }).eq(0).on('click', function () {
                if ($(this).next('li').css('display') === 'none') {
                    $('div#jump_div li').stop().slideDown(300)
                    $(this).find('span').html('&#916;')
                } else {
                    $('div#jump_div li').not(':first').stop().slideUp(300)
                    $(this).find('span').html('&#8711;')
                }
            }).end().eq(1).on('click', function () {
                window.location.href = 'thread_new.php?fid-128.html'
            }).end().eq(2).on('click', function () {
                window.location.href = 'thread_new.php?fid-48.html'
            }).end().eq(3).on('click', function () {
                window.location.href = 'thread_new.php?fid-135.html'
            }).end().eq(4).on('click', function () {
                window.location.href = 'thread_new.php?fid-6.html'
            }).end().eq(5).on('click', function () {
                window.location.href = 'thread_new.php?fid-201.html'
            }).end().eq(6).on('click', function () {
                window.location.href = 'thread_new.php?fid-4.html'
            })
        }

        //如果是询问&求物
        if (URL.indexOf('fid-48.html') > 0) {
            const JUMP_DIV = '<div id="jump_div" style="position: fixed; left: 0; top: 10px; color: black; font-size: 2em; text-align: center; user-select: none">' +
                '<ul style="list-style-type: none; width: 200px">' +
                '<li style="border: pink dashed 3px">询问&求物<span style="float: right; margin-top: 3px; margin-right: 7px; width: 17px">&#8711;</span></li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">茶馆</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">同人音声</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">GALGAME</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">游戏资源</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; display: none">COSPLAY</li>' +
                '<li style="border: pink dashed 3px; display: none">实用动画</li>' +
                '</ul>' +
                '</div>'
            //判断跳转div元素是否存在
            if ($('div#jump_div').size > 0) {
                console.log('跳转列表已存在')
            } else {
                //添加div
                $('body').append(JUMP_DIV)
            }

            $('div#jump_div li').on('mouseover', function () {
                $(this).css('cursor', 'pointer').css('background-color', 'rgba(255,255,255,0.2)')
            }).on('mouseout', function () {
                $(this).css('background-color', 'transparent')
            }).eq(0).on('click', function () {
                if ($(this).next('li').css('display') === 'none') {
                    $('div#jump_div li').stop().slideDown(300)
                    $(this).find('span').html('&#916;')
                } else {
                    $('div#jump_div li').not(':first').stop().slideUp(300)
                    $(this).find('span').html('&#8711;')
                }
            }).end().eq(1).on('click', function () {
                window.location.href = 'thread_new.php?fid-9.html'
            }).end().eq(2).on('click', function () {
                window.location.href = 'thread_new.php?fid-128.html'
            }).end().eq(3).on('click', function () {
                window.location.href = 'thread_new.php?fid-135.html'
            }).end().eq(4).on('click', function () {
                window.location.href = 'thread_new.php?fid-6.html'
            }).end().eq(5).on('click', function () {
                window.location.href = 'thread_new.php?fid-201.html'
            }).end().eq(6).on('click', function () {
                window.location.href = 'thread_new.php?fid-4.html'
            })
        }

        //如果是GALGAME
        if (URL.indexOf('fid-135.html') > 0) {
            const JUMP_DIV = '<div id="jump_div" style="position: fixed; left: 0; top: 10px; color: black; font-size: 2em; text-align: center; user-select: none">' +
                '<ul style="list-style-type: none; width: 200px">' +
                '<li style="border: pink dashed 3px">GALGAME<span style="float: right; margin-right: 7px; width: 17px">&#8711;</span></li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">茶馆</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">同人音声</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">询问&求物</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">游戏资源</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; display: none">COSPLAY</li>' +
                '<li style="border: pink dashed 3px; display: none">实用动画</li>' +
                '</ul>' +
                '</div>'
            //判断跳转div元素是否存在
            if ($('div#jump_div').size > 0) {
                console.log('跳转列表已存在')
            } else {
                //添加div
                $('body').append(JUMP_DIV)
            }

            $('div#jump_div li').on('mouseover', function () {
                $(this).css('cursor', 'pointer').css('background-color', 'rgba(255,255,255,0.2)')
            }).on('mouseout', function () {
                $(this).css('background-color', 'transparent')
            }).eq(0).on('click', function () {
                if ($(this).next('li').css('display') === 'none') {
                    $('div#jump_div li').stop().slideDown(300)
                    $(this).find('span').html('&#916;')
                } else {
                    $('div#jump_div li').not(':first').stop().slideUp(300)
                    $(this).find('span').html('&#8711;')
                }
            }).end().eq(1).on('click', function () {
                window.location.href = 'thread_new.php?fid-9.html'
            }).end().eq(2).on('click', function () {
                window.location.href = 'thread_new.php?fid-128.html'
            }).end().eq(3).on('click', function () {
                window.location.href = 'thread_new.php?fid-48.html'
            }).end().eq(4).on('click', function () {
                window.location.href = 'thread_new.php?fid-6.html'
            }).end().eq(5).on('click', function () {
                window.location.href = 'thread_new.php?fid-201.html'
            }).end().eq(6).on('click', function () {
                window.location.href = 'thread_new.php?fid-4.html'
            })
        }

        //如果是游戏资源
        if (URL.indexOf('fid-6.html') > 0) {
            const JUMP_DIV = '<div id="jump_div" style="position: fixed; left: 0; top: 10px; color: black; font-size: 2em; text-align: center; user-select: none">' +
                '<ul style="list-style-type: none; width: 200px">' +
                '<li style="border: pink dashed 3px">游戏资源<span style="float: right; margin-top: 3px; margin-right: 7px; width: 17px">&#8711;</span></li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">茶馆</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">同人音声</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">询问&求物</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">GALGAME</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; display: none">COSPLAY</li>' +
                '<li style="border: pink dashed 3px; display: none">实用动画</li>' +
                '</ul>' +
                '</div>'
            //判断跳转div元素是否存在
            if ($('div#jump_div').size > 0) {
                console.log('跳转列表已存在')
            } else {
                //添加div
                $('body').append(JUMP_DIV)
            }

            $('div#jump_div li').on('mouseover', function () {
                $(this).css('cursor', 'pointer').css('background-color', 'rgba(255,255,255,0.2)')
            }).on('mouseout', function () {
                $(this).css('background-color', 'transparent')
            }).eq(0).on('click', function () {
                if ($(this).next('li').css('display') === 'none') {
                    $('div#jump_div li').stop().slideDown(300)
                    $(this).find('span').html('&#916;')
                } else {
                    $('div#jump_div li').not(':first').stop().slideUp(300)
                    $(this).find('span').html('&#8711;')
                }
            }).end().eq(1).on('click', function () {
                window.location.href = 'thread_new.php?fid-9.html'
            }).end().eq(2).on('click', function () {
                window.location.href = 'thread_new.php?fid-128.html'
            }).end().eq(3).on('click', function () {
                window.location.href = 'thread_new.php?fid-48.html'
            }).end().eq(4).on('click', function () {
                window.location.href = 'thread_new.php?fid-135.html'
            }).end().eq(5).on('click', function () {
                window.location.href = 'thread_new.php?fid-201.html'
            }).end().eq(6).on('click', function () {
                window.location.href = 'thread_new.php?fid-4.html'
            })
        }

        //如果是COSPLAY
        if (URL.indexOf('fid-201.html') > 0) {
            const JUMP_DIV = '<div id="jump_div" style="position: fixed; left: 0; top: 10px; color: black; font-size: 2em; text-align: center; user-select: none">' +
                '<ul style="list-style-type: none; width: 200px">' +
                '<li style="border: pink dashed 3px">COSPLAY<span style="float: right; margin-right: 7px; width: 17px">&#8711;</span></li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">茶馆</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">同人音声</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">询问&求物</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">GALGAME</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; display: none">游戏资源</li>' +
                '<li style="border: pink dashed 3px; display: none">实用动画</li>' +
                '</ul>' +
                '</div>'
            //判断跳转div元素是否存在
            if ($('div#jump_div').size > 0) {
                console.log('跳转列表已存在')
            } else {
                //添加div
                $('body').append(JUMP_DIV)
            }

            $('div#jump_div li').on('mouseover', function () {
                $(this).css('cursor', 'pointer').css('background-color', 'rgba(255,255,255,0.2)')
            }).on('mouseout', function () {
                $(this).css('background-color', 'transparent')
            }).eq(0).on('click', function () {
                if ($(this).next('li').css('display') === 'none') {
                    $('div#jump_div li').stop().slideDown(300)
                    $(this).find('span').html('&#916;')
                } else {
                    $('div#jump_div li').not(':first').stop().slideUp(300)
                    $(this).find('span').html('&#8711;')
                }
            }).end().eq(1).on('click', function () {
                window.location.href = 'thread_new.php?fid-9.html'
            }).end().eq(2).on('click', function () {
                window.location.href = 'thread_new.php?fid-128.html'
            }).end().eq(3).on('click', function () {
                window.location.href = 'thread_new.php?fid-48.html'
            }).end().eq(4).on('click', function () {
                window.location.href = 'thread_new.php?fid-135.html'
            }).end().eq(5).on('click', function () {
                window.location.href = 'thread_new.php?fid-6.html'
            }).end().eq(6).on('click', function () {
                window.location.href = 'thread_new.php?fid-4.html'
            })
        }

        //如果是实用动画
        if (URL.indexOf('fid-4.html') > 0) {
            const JUMP_DIV = '<div id="jump_div" style="position: fixed; left: 0; top: 10px; color: black; font-size: 2em; text-align: center; user-select: none">' +
                '<ul style="list-style-type: none; width: 200px">' +
                '<li style="border: pink dashed 3px">实用动画<span style="float: right; margin-top: 3px; margin-right: 7px; width: 17px">&#8711;</span></li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">茶馆</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">同人音声</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">询问&求物</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; border-bottom: pink dashed 3px; display: none">GALGAME</li>' +
                '<li style="border-left: pink dashed 3px; border-right: pink dashed 3px; display: none">游戏资源</li>' +
                '<li style="border: pink dashed 3px; display: none">COSPLAY</li>' +
                '</ul>' +
                '</div>'
            //判断跳转div元素是否存在
            if ($('div#jump_div').size > 0) {
                console.log('跳转列表已存在')
            } else {
                //添加div
                $('body').append(JUMP_DIV)
            }

            $('div#jump_div li').on('mouseover', function () {
                $(this).css('cursor', 'pointer').css('background-color', 'rgba(255,255,255,0.2)')
            }).on('mouseout', function () {
                $(this).css('background-color', 'transparent')
            }).eq(0).on('click', function () {
                if ($(this).next('li').css('display') === 'none') {
                    $('div#jump_div li').stop().slideDown(300)
                    $(this).find('span').html('&#916;')
                } else {
                    $('div#jump_div li').not(':first').stop().slideUp(300)
                    $(this).find('span').html('&#8711;')
                }
            }).end().eq(1).on('click', function () {
                window.location.href = 'thread_new.php?fid-9.html'
            }).end().eq(2).on('click', function () {
                window.location.href = 'thread_new.php?fid-128.html'
            }).end().eq(3).on('click', function () {
                window.location.href = 'thread_new.php?fid-48.html'
            }).end().eq(4).on('click', function () {
                window.location.href = 'thread_new.php?fid-135.html'
            }).end().eq(5).on('click', function () {
                window.location.href = 'thread_new.php?fid-6.html'
            }).end().eq(6).on('click', function () {
                window.location.href = 'thread_new.php?fid-201.html'
            })
        }

        /*
        * 实现拖动效果
        * */
        const DIV_DRAGABLE = $('div#jump_div')
        //绑定鼠标左键按住事件
        DIV_DRAGABLE.on('mousedown', function (event) {
            //获取需要拖动节点的坐标
            const offset_x = $(this)[0].offsetLeft//x坐标
            const offset_y = $(this)[0].offsetTop//y坐标
            //获取当前鼠标的坐标
            const mouse_x = event.pageX
            const mouse_y = event.pageY

            //绑定拖动事件
            $(document).on('mousemove', function (ev) {
                //拖动时禁用点击事件
                $('div#jump_div').css('pointer-events', 'none')
                //计算鼠标移动了的位置
                const _x = ev.pageX - mouse_x
                const _y = ev.pageY - mouse_y
                //设置移动后的元素坐标
                const now_x = (offset_x + _x) + "px";
                const now_y = (offset_y + _y) + "px";
                //改变目标元素的位置
                DIV_DRAGABLE.css({
                    top: now_y,
                    left: now_x
                })
            })
        })

        $(document).on('mouseup', function () {
            //恢复点击事件
            $('div#jump_div').css('pointer-events', 'auto')
            //当鼠标左键松开，解除事件绑定
            $(this).off('mousemove')
        })
    }
})