jQuery/SmoothScroll
をテンプレートにして作成
LECTURE
担当科目一覧
ソーシャルデザイン概論/2025
ソーシャルデザイン演習/2025
情報デザイン論/2025
情報デザイン演習IIA/2025
コンピュータ概論/2025
3DCG演習/2025
情報デザイン研究/2025
卒業研究/2025
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
*Smooth-Scroll
ページ内リンクを滑らかに移動するjQueryのプラグイン
~
***公式サイト
http://plugins.jquery.com/smooth-scroll/
~
***準備
-1)ファイルセットのダウンロード
http://plugins.jquery.com/smooth-scroll/ から最新版をD...
必要なのは、''jquery.smooth-scroll.js'' だけです。
-2) 構成ファイルの確認
--index.html
--style.css
--jquery-xxxxx.min.js xxxxx の部分は、書きかえが必要...
--jquery.smooth-scroll.js
--sample.js
~
***HTML
ヘッダーで、jQuery とプラグインの2つを読みます。
<script src="jquery-xxxxxx.js"></script>
<script src="jquery.smooth-scroll.js"></script>
~
***JavaScript
以下のコードだけで、リンク移動がスムーズになります。
$('a').smoothScroll();
~
以上
~
~
終了行:
*Smooth-Scroll
ページ内リンクを滑らかに移動するjQueryのプラグイン
~
***公式サイト
http://plugins.jquery.com/smooth-scroll/
~
***準備
-1)ファイルセットのダウンロード
http://plugins.jquery.com/smooth-scroll/ から最新版をD...
必要なのは、''jquery.smooth-scroll.js'' だけです。
-2) 構成ファイルの確認
--index.html
--style.css
--jquery-xxxxx.min.js xxxxx の部分は、書きかえが必要...
--jquery.smooth-scroll.js
--sample.js
~
***HTML
ヘッダーで、jQuery とプラグインの2つを読みます。
<script src="jquery-xxxxxx.js"></script>
<script src="jquery.smooth-scroll.js"></script>
~
***JavaScript
以下のコードだけで、リンク移動がスムーズになります。
$('a').smoothScroll();
~
以上
~
~
ページ名: