×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
記事がたくさんあるブログだと、ブログ内で迷ってしまうんですよ、わたし。
そんなわけで、『行ったり来たりするボタン』を作ってみました。
名付けて『あしあとん』（笑）
…ネーミングセンス無いんです、すみません。
自サイトに設置してみたいという奇特なお方は下記をご参照くださいなvv
そんなわけで、『行ったり来たりするボタン』を作ってみました。
名付けて『あしあとん』（笑）
…ネーミングセンス無いんです、すみません。
自サイトに設置してみたいという奇特なお方は下記をご参照くださいなvv
カスタマイズについて。
『あしあとん』は、Javascriptの関数
history.back()：ブラウザの『戻る』と同じ機能
history.forward()：ブラウザの『進む』と同じ機能
history.go(n)：nページ『進む』または『戻る』機能
を使った（だけ）のシロモノです。著作権云々言うほどのものではないので、気に入ったという奇特な方は、自由にご利用くださいませ。
『history.go(n)』は、いくらでも増やせます。ただし、Internet Explorerでは動作しないことがある模様。
『あしあとん』は、Javascriptの関数
history.back()：ブラウザの『戻る』と同じ機能
history.forward()：ブラウザの『進む』と同じ機能
history.go(n)：nページ『進む』または『戻る』機能
を使った（だけ）のシロモノです。著作権云々言うほどのものではないので、気に入ったという奇特な方は、自由にご利用くださいませ。
- 設置方法
- <a href="javascript:history.go(-2)" title="２ページ戻る">＞＞</a>
<a href="javascript:history.back()" title="１ページ戻る">＞</a>
＊
<a href="javascript:history.forward()" title="１ページ進む">＜</a>
<a href="javascript:history.go(2)" title="２ページ進む">＜＜</a>
以下をhtml内の任意の場所にコピー＆ペーストするだけです。
『history.go(n)』は、いくらでも増やせます。ただし、Internet Explorerでは動作しないことがある模様。
- おまけ。ボタンのあしあとん
- <form>
<input type="button" value="２ページ戻る" onClick="history.go(-2)">
<input type="button" value="１ページ戻る" onClick="history.back()">
<input type="button" value="１ページ進む" onClick="history.forward()">
<input type="button" value="２ページ進む" onClick="history.go(2)">
</form>
PR
この記事にコメントする
COMMENT
[02/10 ≡☆aoi☆≡]
[12/09 トモコ]
[11/20 ぱる＠管理人]
[11/19 妙犬]
[11/19 妙犬]
TRACK BACK
PROFILE
ＨＮ：ぱる
性別：女性
自己紹介：何を血迷ったのか、ある日突然テンプレ作成に燃え始める。現在独学修行中。
ネット関係で嫌いなものは、InternetExplorerとキーワード表示してない特殊文字＆機種依存文字。
ソフト：Photoshop7.0、mi、Dreamweaver MX
ＯＳ：mac OS 10.3
動作確認：safari 1.3、Firefox 1.5、InternetExplorer:mac 5.2
携帯機種：904SH（旧vodafone）
ウィンドウズ機での動作確認を行っていないので、レイアウト崩れや動作不良がありましたら、コメント欄で教えて頂けると嬉しいです。
ネット関係で嫌いなものは、InternetExplorerとキーワード表示してない特殊文字＆機種依存文字。
＊開発（？）環境＊
ハード：iBook(G3)
ソフト：Photoshop7.0、mi、Dreamweaver MX
ＯＳ：mac OS 10.3
動作確認：safari 1.3、Firefox 1.5、InternetExplorer:mac 5.2
携帯機種：904SH（旧vodafone）
ウィンドウズ機での動作確認を行っていないので、レイアウト崩れや動作不良がありましたら、コメント欄で教えて頂けると嬉しいです。
RECOMMEND
QR CODE