ソースを参照

Add share and go to top button.

zhixin 11 年 前
コミット
868e6b5e28

ファイルの差分が大きいため隠しています
+ 1 - 0
assets/highlightjs/default.min.css


ファイルの差分が大きいため隠しています
+ 1 - 0
assets/highlightjs/highlight.min.js


+ 34 - 0
docs/common.js

@@ -0,0 +1,34 @@
+$(function() {
+    'use strict';
+
+    function main() {
+        $(window).scroll(showGotoTop);
+        $(window).resize(showGotoTop);
+        $('.goto-top').click(function() {
+            document.body.scrollTop = 0;
+            document.documentElement.scrollTop = 0;
+            return false;
+        });
+        showGotoTop();
+        showBaiduShare();
+    }
+
+    function showGotoTop() {
+        var $gotoTop = $('.goto-top'),
+            $bdshare = $('#bdshare');
+
+        if ($(document).scrollTop() > 0) {
+            $gotoTop.fadeIn('slow');
+            $bdshare.fadeOut('slow');
+        } else {
+            $gotoTop.fadeOut('slow');
+            $bdshare.fadeIn('slow');
+        }
+    }
+
+    function showBaiduShare() {
+        $('#bdshell_js').attr('src', 'http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000');
+    }
+
+    main();
+});

+ 21 - 0
docs/docs.css

@@ -1198,4 +1198,25 @@ h1[id], h2[id] {
 .navbar-text {
 .navbar-text {
     margin-right: 0;
     margin-right: 0;
     margin-left: 0;
     margin-left: 0;
+}
+
+.goto-top:hover {
+    background-color: #5bc0de;
+    color: #666;
+}
+.goto-top {
+    cursor: pointer;
+    position: fixed;
+    bottom: 2px;
+    right: 2px;
+    width: 48px;
+    height: 48px;
+    line-height: 48px;
+    text-align: center;
+    z-index: 1001;
+    border-radius: 48px;
+    font-size: 20px;
+    opacity: 0.8;
+    color: #fff;
+    background: #428bca;
 }
 }

+ 8 - 0
docs/documentation.html

@@ -216,11 +216,19 @@
     </div>
     </div>
 </footer>
 </footer>
 
 
+<div class="goto-top">
+    <i class="glyphicon glyphicon-plane"></i>
+</div>
+
 <script src="../assets/jquery.min.js"></script>
 <script src="../assets/jquery.min.js"></script>
 <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 <script src="../src/bootstrap-table.js"></script>
 <script src="../src/bootstrap-table.js"></script>
 <script src="docs.js"></script>
 <script src="docs.js"></script>
 <script src="//wenzhixin.net.cn/js/analytics.js"></script>
 <script src="//wenzhixin.net.cn/js/analytics.js"></script>
+<script src="common.js"></script>
+<!-- Baidu share -->
+<script id="bdshare_js" data="type=slide&amp;img=6&amp;pos=right&amp;uid=6692400"></script>
+<script id="bdshell_js"></script>
 <!-- Go to www.addthis.com/dashboard to customize your tools -->
 <!-- Go to www.addthis.com/dashboard to customize your tools -->
 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53c78e93678a7b4d"></script>
 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53c78e93678a7b4d"></script>
 </body>
 </body>

+ 14 - 5
docs/examples.html

@@ -7,6 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="../src/bootstrap-table.css">
     <link rel="stylesheet" href="../src/bootstrap-table.css">
+    <link rel="stylesheet" href="../assets/highlightjs/default.min.css">
     <link rel="stylesheet" href="docs.css">
     <link rel="stylesheet" href="docs.css">
     <!--<link rel="stylesheet" href="//wenzhixin.net.cn/css/fork.css">-->
     <!--<link rel="stylesheet" href="//wenzhixin.net.cn/css/fork.css">-->
     <!--[if lt IE 9]>
     <!--[if lt IE 9]>
@@ -17,9 +18,6 @@
     <script src="../assets/jquery.min.js"></script>
     <script src="../assets/jquery.min.js"></script>
     <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
     <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
     <script src="../docs/examples.js"></script>
     <script src="../docs/examples.js"></script>
-    <script src="../src/bootstrap-table.js"></script>
-    <script src="docs.js"></script>
-    <script src="//wenzhixin.net.cn/js/analytics.js"></script>
 </head>
 </head>
 <body>
 <body>
 <a class="sr-only" href="#content">Skip to main content</a>
 <a class="sr-only" href="#content">Skip to main content</a>
@@ -722,8 +720,19 @@
         </ul>
         </ul>
     </div>
     </div>
 </footer>
 </footer>
-<link rel="stylesheet" href="http://yandex.st/highlightjs/8.0/styles/default.min.css">
-<script src="http://yandex.st/highlightjs/8.0/highlight.min.js"></script>
+
+<div class="goto-top">
+    <i class="glyphicon glyphicon-plane"></i>
+</div>
+
+<script src="../src/bootstrap-table.js"></script>
+<script src="docs.js"></script>
+<script src="//wenzhixin.net.cn/js/analytics.js"></script>
+<script src="common.js"></script>
+<!-- Baidu share -->
+<script id="bdshare_js" data="type=slide&amp;img=6&amp;pos=right&amp;uid=6692400"></script>
+<script id="bdshell_js"></script>
+<script src="../assets/highlightjs/highlight.min.js"></script>
 <script>hljs.initHighlightingOnLoad();</script>
 <script>hljs.initHighlightingOnLoad();</script>
 <!-- Go to www.addthis.com/dashboard to customize your tools -->
 <!-- Go to www.addthis.com/dashboard to customize your tools -->
 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53c78e93678a7b4d"></script>
 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53c78e93678a7b4d"></script>

+ 8 - 0
docs/getting-started.html

@@ -148,11 +148,19 @@
     </div>
     </div>
 </footer>
 </footer>
 
 
+<div class="goto-top">
+    <i class="glyphicon glyphicon-plane"></i>
+</div>
+
 <script src="../assets/jquery.min.js"></script>
 <script src="../assets/jquery.min.js"></script>
 <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 <script src="../src/bootstrap-table.js"></script>
 <script src="../src/bootstrap-table.js"></script>
 <script src="docs.js"></script>
 <script src="docs.js"></script>
 <script src="//wenzhixin.net.cn/js/analytics.js"></script>
 <script src="//wenzhixin.net.cn/js/analytics.js"></script>
+<script src="common.js"></script>
+<!-- Baidu share -->
+<script id="bdshare_js" data="type=slide&amp;img=6&amp;pos=right&amp;uid=6692400"></script>
+<script id="bdshell_js"></script>
 <!-- Go to www.addthis.com/dashboard to customize your tools -->
 <!-- Go to www.addthis.com/dashboard to customize your tools -->
 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53c78e93678a7b4d"></script>
 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53c78e93678a7b4d"></script>
 </body>
 </body>

+ 7 - 0
docs/index.html

@@ -81,12 +81,19 @@
 </main>
 </main>
 
 
 <!--<a href="https://github.com/wenzhixin/bootstrap-table" class="fork_me"></a>-->
 <!--<a href="https://github.com/wenzhixin/bootstrap-table" class="fork_me"></a>-->
+<div class="goto-top">
+    <i class="glyphicon glyphicon-plane"></i>
+</div>
 
 
 <script src="../assets/jquery.min.js"></script>
 <script src="../assets/jquery.min.js"></script>
 <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 <script src="../src/bootstrap-table.js"></script>
 <script src="../src/bootstrap-table.js"></script>
 <script src="docs.js"></script>
 <script src="docs.js"></script>
 <script src="//wenzhixin.net.cn/js/analytics.js"></script>
 <script src="//wenzhixin.net.cn/js/analytics.js"></script>
+<script src="common.js"></script>
+<!-- Baidu share -->
+<script id="bdshare_js" data="type=slide&amp;img=6&amp;pos=right&amp;uid=6692400"></script>
+<script id="bdshell_js"></script>
 <!-- Go to www.addthis.com/dashboard to customize your tools -->
 <!-- Go to www.addthis.com/dashboard to customize your tools -->
 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53c78e93678a7b4d"></script>
 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53c78e93678a7b4d"></script>
 </body>
 </body>