昨日のピンポイントジャンプ！続編
昨日のタグを有効に使う為に
自分の今までの記事に
<a name="記号"></a>を付けた。
同じ記号にならないように日付にした。
上の状態だと編集画面で見えても、
公開された日記では、見えないので邪魔にならない。
このページのトップにも書いてある。
だけど見えないでしょ( ´艸｀)
使い方として、同ページ内で指定した場所にジャンプさせたりも出来る。
例えば上のイラストのすぐ上に
<a name="#5-25b"></a>と入力した。
記号が見えているのは、特殊文字を使っている為で
普通は、見えないから安心してください。
で、<a href="ｼﾞｬﾝﾌﾟさせるﾍﾟｰｼﾞのURL#5-25b" rel="top">確認してみて!</a>
↑上のパターンは、他でも使えるから覚えておいた方がいいよ(^_-)
で特殊文字を使わずリンクさせると下のようになる。
確認してみて!
今日は、"top"を使って見ました。
HTMLタグでピンポイントジャンプ！！させるには…
ジャンプした場所がホームのトップで、
見たい場所までスクロールさせなきゃいけない
イライラ感を解消させよう！
まず、ブログのページ毎に名前（記号でもOK!）を付けておく。
<a name="A-1"></a>
と、ページトップに書いておく。
何も指定しない場合
が、この位置にジャンプします。
そこにrel="parent"を追加します。
rel="parent"を指定した場合
こうなります。
justでそのページが開いていると思います。
タグお持ち帰り
位置の指定には、他に次のページ、前のページ、下位のページなどの
タグがあるのですが、それはまたの機会に紹介しますね。
スクロールメニュー
いつもランキングで上位の人のブログを見にいった。
そしたらトップページにメニューのスクロール画面が！
これいいかも
私ももらおう！で、メッセージ画面を変更してみた。
普通のスクロールでは、速過ぎ。
そこで使用したタグが<scrolldelay="1000">
1000で１秒のコマ送りが出来る。
私は、"500"にしてみた。
さっそくメッセージボードへUP!
 |
title