jQueryで実装「スルスルッ」と先頭に戻るボタン設置。『好きこそ物の上手なれ...。jQueryで実装「スルスルッ」と先頭に戻るボタン設置。2014年7月23日jQueryで実装「スルスルッ」と先頭に戻るボタン設置。超久しぶりのブログカスタマイズです。́∀`;)さっさとMT4から最新のMT6にしろって声も聞こえてきそうですが...。そんな外野の声は無視です。目新しくも無いよくみるボタンの設置です。先頭に戻った後のURLが変わらないこと、ヌルッとした動作がポイントです♪まず、jQuery本体を設置します。これが無いとプラグインも動きません。jQuery公式サイト[http://jquery.com/]から目的のソースをDownloadします。複数のバージョンがあり。以前をサポートする旧来ブラウザ向け。以前の旧来ブラウザは捨てて、高速に安定して動作バージョン。Downloadして自分のサーバーにjsディレクトリを作成してアップロードします。ブログヘッダーの最後に下記の1行を追記します。実際には赤字のパスはhttp:~の絶対パスで表記しました。これでjQuery本体の設置は完了です。先頭に戻るボタンを透過PNG画像で準備して自分のサーバにアップします。v1.1というプラグインの設置です。上図"配布サイト"から、「scrolltopcontrol.js」というJavaScriptファイルをDownloadしてテキストエディタで開きます。/>赤字の画像のパスおよび名前をhttp:~の絶対パス表記に書き換えます。緑字の先頭に戻るボタンの画像サイズに書き換えます。下記の箇所の値を書き換えることでお好みにカスタマイズが可能です。ディレクトリにアップします。最後に冒頭でjQuery本体の記述をブログヘッダーに追加しましたがその後ろに今度はscrolltopcontrol.jsの設置で下記の1行を追記します。赤字の箇所、パスは実際には絶対パスで表記します。これでブログを再構築して設置は完了です。BDラベル作ってみた。CODE携帯版:『好きこそ物の上手なれ...。