- こちらのサイトからscrolltopcontrol.jsとup.pngをダウンロード
- scrolltopcontrol.jsの12行目の矢印画像の指定部分を任意のURLに変更
controlHTML: '<img src="http://画像のアドレス/up.png" />',
- ヘッダエリアに下記の記述を追加。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="アップロードした階層までのパス/scrolltopcontrol.js"></script>
画像が現れるまでの位置を調整したいとか、
上に行くまでのスピードをコントロールしたい場合は、
11行目あたりにある startline:数値, scrollduration:数値, をそれぞれ変更。
画像が現れるまでの位置調整はstartline:数値, を変更
(数値が大きいほど、下の方で現れるようになります)
上に行くまでのスピート調節は scrollduration:数値, を変更
(数値が小さいほど上に戻る時間が早い)
さらに、そのもうちょい下あたりにある、
{offsetx:数値, offsety:数値} っていうところでボタン画像の表示位置が設定可能。
offsetxが右端からの距離。offsetyが下端からの距離。
それぞれ数値が大きくなると距離が増えます。
ネタ元