- Back to Home »
- HTML , jQuery »
- jQuery"ページTOPへ戻るボタン"
Posted by : Izumikawa Fukumi
2012年9月20日木曜日
今回jQueryの始めての投稿になります。
の名前で保存して下さい。
保存が終わったら作業するページのフォルダーに移動して準備完了!!
さて早速HTMLに書いてみましょう。
以下の文章をコピーして<head>内に入力して下さい。
入力が完了したら次に<body>内に以下の文章を書いて下さい。
入力が完了したら完了です。
プレビューしてみて下さい。
うまく動作したらおkです。
CSSの編集は、自由に行って下さい。
最近理解し始めたばかりなのですが1つだけ設置方法が分かったので
設置方法をご紹介したいと思います。
さてさっそくページTOPへ戻るボタンの設置方法をご紹介します。
まず必要なのは、プラグインの元と言われる物です。
今回初心者さんの為英語ページは、避けて僕が用意した物を利用します。
まずメモ帳を開いてください。
次に以下のURLのページへ行き全てのテキストをドラッグしてコピーしてください。
まず必要なのは、プラグインの元と言われる物です。
今回初心者さんの為英語ページは、避けて僕が用意した物を利用します。
まずメモ帳を開いてください。
次に以下のURLのページへ行き全てのテキストをドラッグしてコピーしてください。
ファイル名は、リンクの文字を入力してください。
1番目のリンクは、「jquery-contained-sticky-scroll.js」
2番目のリンクは、「jquery.min.js」
の名前で保存して下さい。
保存が終わったら作業するページのフォルダーに移動して準備完了!!
さて早速HTMLに書いてみましょう。
以下の文章をコピーして<head>内に入力して下さい。
入力が完了したら次に<body>内に以下の文章を書いて下さい。
入力が完了したら完了です。
プレビューしてみて下さい。
うまく動作したらおkです。
CSSの編集は、自由に行って下さい。