だばぁ

概要

動作イメージ

スマートフォンを上に傾けると、タブバーから新たなバーが飛び出します。

HTMLに書かれた<link>タグ、<a>タグのrel属性がprev / previous、next、start / first、contents / index、home / top になっていると、それぞれバーのアイコンにリンクが貼られます。

設定

ダウンロードページからdabtilt.jsdabbar.jsの両方をダウンロードしてください。

HTMLタグ

<head>内に<link>を指定するか、ページ内の<a>にrelを指定してください。

REL=PREV
REL=PREVIOUS
前のページに戻るリンク
  • <link rel="prev" href="page-3.html">
  • <a href="page-3.html" rel="prev">前のページへ</a>
REL=NEXT
次のページへ進むリンク
  • <link rel="next" href="page-5.html">
  • <a href="page-5.html" rel="next">次のページへ</a>
REL=START
REL=FIRST
カテゴリーや続き物の1ページ目へのリンク
  • <link rel="start" href="page-1.html">
  • <a href="page-1.html" rel="start">1ページ目</a>
REL=CONTENTS
REL=INDEX
インデックス(目次)ページ、カテゴリートップ、グロサリーページへのリンク
  • <link rel="contents" href="table-of-contents.html">
  • <a href="table-of-contents.html" rel="contents">目次</a>
REL=HOME
REL=TOP
トップページへのリンク
  • <link rel="home" href="/index.html">
  • <a href="/index.html" rel="home">ホームへ</a>

ラインセンスに付いて

このソフトウェアの使用によりいかなる損害が発生した場合でも、著者はその責任を負いません。
MIT Licence準拠です。

ダウンロード

ダウンロードページからお願いします。