はてなブログのフッタ部分。今のところ。
<ul class="toTop-nav"> <li><a href="javascript:void(0);" onclick="smoothScroll(0);return false;"><i class="blogicon-chevron-up"></i></a></li> </ul> <script> function smoothScroll(o){var e=window.pageYOffset,l=o>e;setTimeout(function(){l&&o>=e?(e=e+(o-e)/20+1,window.scrollTo(0,e),setTimeout(arguments.callee,10)):!l&&e>=o?(e=e-(e-o)/20-1,window.scrollTo(0,e),setTimeout(arguments.callee,10)):window.scrollTo(0,o)},10)} </script> <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script> <script> //クリックすると表示される目次 $(function(){ var $Contents = $(".table-of-contents") $($Contents).before('<span style="font-size: 120%; color: #333;">目次</span><p class="show-area">[表示]</p>'); $(".show-area").click(function(){ var $this = $(this); if($Contents.css('display') == 'none'){ $Contents.slideDown(400), $this.text("[隠す]"); }else{ $Contents.slideUp(400), $this.text("[表示]") }; }); }); </script>