ホーム > たわごと > PageTop↑ボタンを押してください

PageTop↑ボタンを押してください

そーきちです
私のホームページやブログを作成する上でこだわりがあります。

各ページ下段にある「PageTop↑」リンク。

ぽちっと押すとエレベーターのようにあがり、止まります。
あんまり使わないかもしれないけど、ぱっと切り替わってしまうより
なんか優雅じゃないですか???

すごく簡単なのでHTMLがいじれる方は。。


配布サイト・設定方法

① 配布サイト inputlog
優雅なWeb制作のためのJavaScript (http://blog.kyosuke.jp/2008/05/14/53)からDL

② FTPソフト等でファイルをアップロード

③ HTML <head>~</head>要素にアップロードしたスクリプトへのリンクを追加

④ ページ上部に<○○ id=”top”></○○>を追加または変更
○○はdivやspanなど、私の場合は<body>タグを変更して<body id=”top”>にしています

⑤ 好きな場所にtopへのリンクをはって完了
<a href=”#top”>PageTop↑</a> jpgやgifイメージ表示でもOK!

以上、すごく簡単!

inputlogさん ステキなスクリプトを配布してくださってありがとうございます。

カテゴリー: たわごと タグ: ,

いつも応援ありがとう! ↓ 「ぽちっと!」2箇所クリックお願いします。。。

にほんブログ村 猫ブログ アビシニアンへ 人気ブログランキングへ

  1. コメントはまだありません。
  1. トラックバックはまだありません。