忍者ブログ

テンプレート作成実験用。 あちこちいじったりいじらなかったり。
01 1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28   > 03
<<  <    10  9  8  7  6  5  4  3  2  1  >  >>
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

記事がたくさんあるブログだと、ブログ内で迷ってしまうんですよ、わたし。
そんなわけで、『行ったり来たりするボタン』を作ってみました。

名付けて『あしあとん』(笑)

…ネーミングセンス無いんです、すみません。

自サイトに設置してみたいという奇特なお方は下記をご参照くださいなvv

カスタマイズについて。

『あしあとん』は、Javascriptの関数

history.back():ブラウザの『戻る』と同じ機能
history.forward():ブラウザの『進む』と同じ機能
history.go(n):nページ『進む』または『戻る』機能

を使った(だけ)のシロモノです。著作権云々言うほどのものではないので、気に入ったという奇特な方は、自由にご利用くださいませ。

設置方法

以下をhtml内の任意の場所にコピー&ペーストするだけです。
<a href="javascript:history.go(-2)" title="2ページ戻る">>></a> 
<a href="javascript:history.back()" title="1ページ戻る">></a>
 * 
<a href="javascript:history.forward()" title="1ページ進む"><</a> 
<a href="javascript:history.go(2)" title="2ページ進む"><<</a>


『history.go(n)』は、いくらでも増やせます。ただし、Internet Explorerでは動作しないことがある模様。


おまけ。ボタンのあしあとん

<form>
<input type="button" value="2ページ戻る" onClick="history.go(-2)">
<input type="button" value="1ページ戻る" onClick="history.back()">

<input type="button" value="1ページ進む" onClick="history.forward()">
<input type="button" value="2ページ進む" onClick="history.go(2)">
</form>

PR
この記事にコメントする
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
MAIL
NEW
COMMENT
[02/10 ≡☆aoi☆≡]
[12/09 トモコ]
[11/20 ぱる@管理人]
[11/19 妙犬]
[11/19 妙犬]
TRACK BACK
PROFILE
HN:ぱる
性別:女性
自己紹介:何を血迷ったのか、ある日突然テンプレ作成に燃え始める。現在独学修行中。
ネット関係で嫌いなものは、InternetExplorerとキーワード表示してない特殊文字&機種依存文字。

*開発(?)環境*
ハード:iBook(G3)
ソフト:Photoshop7.0、mi、Dreamweaver MX
OS:mac OS 10.3
動作確認:safari 1.3、Firefox 1.5、InternetExplorer:mac 5.2
携帯機種:904SH(旧vodafone)

ウィンドウズ機での動作確認を行っていないので、レイアウト崩れや動作不良がありましたら、コメント欄で教えて頂けると嬉しいです。
RECOMMEND
Firefox をダウンロード!!
QR CODE
<<NEW   BLOG TOP   OLD>>
Copyright©  ぱる
Designed & Material by ぱる
忍者ブログ ・ [PR]