页内书签

记录页面的当前位置，可以轻松从其他位置返回
目前為 2014-06-20 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name 页内书签
// @namespace www.jjwt.com/
// @description 记录页面的当前位置，可以轻松从其他位置返回
// @include *
// @version 1
// @grant none
// ==/UserScript==
//创建样式表
function jjwtAddBookMark() {
if (arguments.length == 2) {
var bookMarkName = arguments[0];
var currentYPostion = arguments[1];
}
else {
var bookMarkName = prompt('请输入书签名', '');
var currentYPostion = window.pageYOffset;
}
if (bookMarkName != null && bookMarkName != '') {
var ul = document.getElementById('jjwtBookMarkUl');
var txt = document.createElement('input');
txt.type = 'text';
txt.value = bookMarkName;
var btn = document.createElement('input');
btn.type = 'button';
btn.value = 'Go';
btn.onclick = function (event) {
window.scrollTo(0, currentYPostion);
};
var li = document.createElement('li');
li.appendChild(txt);
li.appendChild(btn);
ul.appendChild(li);
}
}
function jjwtInitBookMark() {
jjwtAddStyle();
if (!document.getElementById('jjwtBookMark')) {
var bookmark_div = document.createElement('div');
bookmark_div.id = 'jjwtBookMark';
//增加 "页内标签"
var h3 = document.createElement('h3');
h3.className = 'jjwtBookMarkH3';
h3.innerHTML = '页内标签';
bookmark_div.appendChild(h3);
// 增加 "添加书签"按钮
var btn = document.createElement('input');
btn.type = 'button';
btn.value = '增加书签';
btn.onclick = jjwtAddBookMark;
bookmark_div.appendChild(btn);
var ul = document.createElement('ul');
ul.id = 'jjwtBookMarkUl';
bookmark_div.appendChild(ul);
//增加默认标签
document.body.appendChild(bookmark_div);
jjwtAddBookMark('页面顶部', 0);
};
}
function jjwtAddStyle() {
if (!document.getElementById('jjwtBookMarkStyle')) {
//先检查要建立的样式表ID是否存在，防止重复添加
var style = document.createElement('style');
style.type = 'text/css';
style.id = 'jjwtBookMarkStyle';
style.innerHTML = '#jjwtBookMark{' +
'display:block;' +
'position:fixed;' +
'right:10px;' +
'z-index:99999;' +
'width:200px;' +
'top:100px;' +
'visibility:visible;' +
'font-size:12px;' +
'background-color:#F1FEDD;' +
'text-align:left !important;' +
'word-break:break-all;' +
'} ' +
'.jjwtBookMarkH3{' +
'width: 50%;' +
'cursor: pointer;' +
'outline: 0px none;' +
'text-index: 0.5em;' +
'border-top: 1px solid #FBFBFB;' +
'border-bottom: 1px solid #F2F1F1;' +
'background-color: #F6F6F6;' +
'float: left;' +
'padding: 0px;' +
'margin: 0px;' +
'} ' +
'#jjwtBookMarkUl{' +
'width: 90%;' +
'float: left;' +
'padding: 8px 0px;' +
'margin-left: 2px;' +
'overflow: hidden;' +
'list-style: none outside none;' +
'font-size:12px;' +
'text-align:left !important;' +
'} ' +
'.jjwtBookMarkLi{' +
'width: 47%;' +
'height: 26px;' +
'float: left;' +
'margin: 2px;' +
'list-style: none outside none;' +
'padding: 0px;' +
'} ';
document.body.appendChild(style);
};
};
jjwtInitBookMark();
欢迎访问Greasy Fork镜像
