沖縄とトールペイントが大好きでQuick Homepage Makerでのサイト作りに奮闘中!

【ページの先頭へ戻る】ボタンの設置

Top / QHMReferenceBook / pagetop

【ページの先頭へ戻る】ボタンの設置(D++QHMcooldesignLabo様より

1. 初めに表示したい画像を作り[pagetop1.png]、マウスを合わせた時に表示したい画像を作り[pagetop2.png]と名前を付け、swfuにアップロードする。

  • pagetop1.png &ref2(): File not found: "swfu/d/pagetop1.png";;
  • pagetop2.png &ref2(): File not found: "swfu/d/pagetop2.png";;

2. ソースを記述する。

  • 右配置
    #html{{
    <div align="right"><a href="#headcopy"><img src="swfu/d/pagetop1.png" onmouseover="this .src='swfu/d/pagetop2.png'" onmouseout="this .src='swfu/d/pagetop1.png'" alt="ページトップへ" /></a></div>
    }}
  • 左配置
    #html{{
    <a href="#headcopy"><img src="swfu/d/pagetop1.png" onmouseover="this .src='swfu/d/pagetop2.png'" onmouseout="this .src='swfu/d/pagetop1.png'" alt="ページトップへ" /></a>
    }}

3. デモはこのページの右下を試してみてください。


ページトップへ


A:5113 T:1 Y:0