Posted by : Izumikawa Fukumi 2012年9月20日木曜日

今回jQueryの始めての投稿になります。
最近理解し始めたばかりなのですが1つだけ設置方法が分かったので
設置方法をご紹介したいと思います。



さてさっそくページTOPへ戻るボタンの設置方法をご紹介します。
まず必要なのは、プラグインの元と言われる物です。

今回初心者さんの為英語ページは、避けて僕が用意した物を利用します。
まずメモ帳を開いてください。

次に以下のURLのページへ行き全てのテキストをドラッグしてコピーしてください。



ファイル名は、リンクの文字を入力してください。

1番目のリンクは、「jquery-contained-sticky-scroll.js」
2番目のリンクは、「jquery.min.js」

の名前で保存して下さい。


保存が終わったら作業するページのフォルダーに移動して準備完了!!


さて早速HTMLに書いてみましょう。

以下の文章をコピーして<head>内に入力して下さい。




入力が完了したら次に<body>内に以下の文章を書いて下さい。




入力が完了したら完了です。
プレビューしてみて下さい。

うまく動作したらおkです。

CSSの編集は、自由に行って下さい。

- Copyright © I aim to creator. - Hatsune Miku - Powered by Blogger - Designed by Johanes Djogan -