TCNetworksロゴ

jquerysimplyScrollの使い方

背景

jQueryLogo_アイキャッチ

jqueryのsimplyScrollの使ってみたので、使い方を記載します。

まずプラグインがある場所は下記となります。
http://logicbox.net/jquery/simplyscroll/
上記から

jquery.simplyscroll.js

jquery.simplyscroll.css

をダウンロードしてください。

 

JSファイル(当社はscript.jsというファイルを作成して作っています)

HTMLファイル

もちろんヘッダーのjsファイルの読み込みは忘れないように。

 

CSSファイル

 

この通りに制作したら、widthの横幅などがjquery.simplyscroll.cssで固定の数字が記載されているので、自分にあったページ幅に変更していただくと見栄えもよくなると思います。

  • スタッフブログ
  • 制作価格
  • テンプレート