Table of Contents jQuery Plugin
https://tscanlin.github.io/tocbot/
https://github.com/tscanlin/tocbot
https://github.com/matthewkastor/html-table-of-contents
https://github.com/ndabas/toc
http://blog.unicode.org/2021/09/announcing-unicode-standard-version-140.html unicode 14
https://github.com/jgallen23/toc
projects.jga.me/toc/
https://gojs.net/latest/samples/ 组织人员架框图
https://github.com/idiotWu/jQuery-TOC/
https://github.com/NorthwoodsSoftware
https://github.com/dabeng/OrgChart
https://github.com/Hoogkamer/vue-org-chart
https://github.com/Aymkdn/OrgChart-JS-Sharepoint
https://webdevtrick.com/demos/table-of-contents/#new-horizons-0
https://www.codeproject.com/Articles/895771/Auto-TOC-Generation-and-Header-Numbering-Revision
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="geovindu,Geovin Du, 涂聚文">
<meta name="author" content="geovindu">
<title>WowBook, a flipbook jQuery plugin Preview - create table of contents</title>
<script>
//https://0.s3.envato.com/files/220302162/index.html
//https://previews.customer.envatousercontent.com/files/308385206/index.html
//https://github.com/yapro/wowbook
//Demo: http://3.s3.envato.com/files/89504756/index.html
//Documentation: http://www.neuearbeit.de/wow_book_plugin/documentation/
// Break out iframe on iOS cause safari expand iframe to fit the content, thus making
// the lightbox bigger than the browser window.
// We need to check for MSStream because Microsoft injected the word iPhone in IE11's userAgent therefore we need to exclude it.
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
if (iOS && top.location!= self.location) {
top.location = self.location.href;
}
</script>
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<!-- jQuery -->
<script src="js/jquery-3.6.0.js"></script>
<!-- Custom Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">
<!-- Plugin CSS -->
<link rel="stylesheet" href="css/animate.min.css" type="text/css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/creative.css" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top">
<!-- <div id="book2-trigger">
<h3>打开PDF</h3>
</div>
-->
<div>
<div id='book2'></div>
</div>
<style>
.hidden-FIXME{
display: none;
}
#portfolio {
display: none;
}
header { display: none; }
#contact { display: none; }
#about {
display: none;
}
.navbar-header {
width: 100% !important;
}
.navbar-brand {
padding-right: 0;
font-size: 14px !important;
}
#nav-buy-now {
color: black;
float: right;
font-size: 14px;
font-weight: 700;
margin-right: -10px;
}
@media (min-width: 768px) {
#nav-buy-now {
margin-right: 0px;
}
}
#bs-example-navbar-collapse-1 {
display: none;
}
.wowbook {
font-family: "Open Sans","Helvetica Neue",Arial,sans-serif;
}
.wowbook-page-content {
padding: 1.5em;
}
.wowbook ul {
padding-left: 1em;
}
.book-thumb {
height: 150px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5)
}
#book1-trigger, #book2-trigger, #book3-trigger {
cursor: pointer;
}
#book1-trigger:hover, #book2-trigger:hover, #book3-trigger:hover {
background: #f8f8f8;
}
.wowbook-lightbox > .wowbook-close {
background: transparent !important;
border: none !important;
color: #222 !important;
font-size: 2.5em;
}
.wowbook-lightbox > .wowbook-close:hover {
background: #444 !important;
color: white !important;
border-radius: 3px;
}
.lightbox-images1 .wowbook-book-container {
background: #6d6b92; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #6d6b92 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#6d6b92 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 0%,#6d6b92 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.lightbox-images1 > .wowbook-close,
.lightbox-images2 > .wowbook-close {
color: #ccc !important;
}
.lightbox-images2 .wowbook-book-container {
background: #1E2831; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #1E2831 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#1E2831 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 0%,#1E2831 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.lightbox-pdf .wowbook-book-container {
background: #e5e5e5 url(./img/bg-lightbox-pdf.png); /* Old browsers */
background: #e5e5e5 -moz-radial-gradient(center, ellipse cover, #ffffff 20%, #bbbbbb 100%); /* FF3.6-15 */
background: #e5e5e5 -webkit-radial-gradient(center, ellipse cover, #ffffff 20%,#bbbbbb 100%); /* Chrome10-25,Safari5.1-6 */
background: #e5e5e5 radial-gradient(ellipse at center, #ffffff 20%,#bbbbbb 100%); /* W3C, IE10+, FF16+, Chrome26+,Opera12+, Safari7+*/
}
.lightbox-html .wowbook-book-container {
background: url(img/book_html/wood.jpg);
}
.lightbox-html .wowbook-toolbar {
margin-top: 1em; /* FIXME */
box-sizing: content-box !important;
}
.lightbox-html .wowbook-controls {
border-radius: 6px;
width: auto;
}
.lightbox-html.wowbook-mobile .wowbook-toolbar {
margin: 0;
}
.lightbox-html.wowbook-mobile .wowbook-controls {
border-radius: 0;
width: 100%;
}
/* .lightbox-html .wowbook-controls {
border-radius: 6px;
width: auto;
background: none;
color: rgba(60, 20, 20, 0.8);
text-shadow: 0 1px 0 #fff;
box-shadow: none;
}
.lightbox-html .wowbook-control:hover {
background: none;
color: white;
text-shadow: 0 1px 0 #fff, 0 0px 5px rgba(60, 20, 20, 1);
text-shadow: 0 1px 0 #fff, 0 0px 3px #fff;
}
*/
hr {
max-width: 450px;
}
</style>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/wow.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/creative.js"></script>
<link rel="stylesheet" href="./wow_book/wow_book.css" type="text/css" />
<style>
.wowbook-right .wowbook-gutter-shadow {
background-image: url("./img/page_right_background.png");
background-position: 0 0;
width: 75px;
}
.wowbook-left .wowbook-gutter-shadow {
background-image: url("./img/page_left_background.png");
opacity: 0.5;
width: 60px;
}
.wowbook-control-currentPage {
font-family: "Segoe UI",Helvetica,Arial,sans-serif;
}
</style>
<script type="text/javascript" src="./wow_book/pdf.combined.min.js"></script>
<script type="text/javascript" src="./wow_book/wow_book.min.js"></script>
<script type="text/javascript">
$(function(){
//$(document).ready(function() {
function fullscreenErrorHandler(){
if (self!=top) return "The frame is blocking full screen mode. Click on 'remove frame' button above and try to go full screen again."
}
//加载时
function load() {
//alert('function loaded');
buildBook("#book2");
}
window.onload = load;
// imageBook = ["1", "8"][ Math.floor(Math.random()*2)];
// imageBookPath = "./img/magazine_template_0"+imageBook+"/";
// $("#book1-trigger .book-thumb").attr("src", imageBookPath+"image_000.jpg")
//显示目录
var tableOfContents = [
["Eiffel Tower", 0],
["Breakfast", 1],
["Snowy Day", 3],
["Mountains", 5],
];
//大小确定？缩放？
var optionsBook2 = {
//$("#book2").wowBook({
height : 500//1024 pdf无效
,width : 725*2
// ,maxWidth : 800
// ,maxHeight : 400
,pageNumbers: false
,pdf: "./img/aesop_fables/2.pdf" //2.pdf
,pdfFind: true
,pdfTextSelectable: true
,lightbox : "#book2-trigger"
,lightboxClass : "lightbox-pdf"
,centeredWhenClosed : true
,hardcovers : true
,curl: false
,displayToc: true //加载时显示目录
//,htmlfind:true//find,
,toc: tableOfContents
,toolbar: "lastLeft, left, currentPage, right, lastRight, find, toc, zoomin, zoomout, download, flipsound, fullscreen, thumbnails"
,thumbnailsPosition : 'bottom'
,responsiveHandleWidth : 50
,onFullscreenError: fullscreenErrorHandler
}
//);
var books = {
"#book2" : optionsBook2
};
$("#book2-trigger").on("click",function(){
buildBook( "#"+this.id.replace("-trigger", "") );
})
function buildBook( elem ){
var book=$.wowBook(elem);
if (!book) {
$(elem).wowBook( books[elem] );
book=$.wowBook(elem);
console.log(book);
}
// book.opts.onHideLightbox = function(){
// setTimeout( function(){ book.destroy(); }, 1000);
// }
book.showLightbox();
}
});
</script>
</body>
</html>
DISM /Online /Cleanup-image /ScanHealth
//这一条指令用来扫描全部系统文件，并扫描计算机中映像文件与官方系统不一致的情况。
DISM /Online /Cleanup-image /RestoreHealth
//计算机必须联网，这种命令的好处在于可以在修复时，系统未损坏部分可以继续运行
哲学管理(学)人生, 文学艺术生活, 自动(计算机学)物理(学)工作, 生物(学)化学逆境, 历史(学)测绘(学)时间, 经济(学)数学金钱(理财), 心理(学)医学情绪, 诗词美容情感, 美学建筑(学)家园, 解构建构(分析)整合学习, 智商情商(IQ、EQ)运筹(学)生存.---Geovin Du(涂聚文）
浙公网安备 33010602011771号