[JS]実装も簡単！ページ内の次にどこを見るかアニメーションでガイドするスクリプト -Pageguide | コリス

2012/06/07 100 users コリス stylesheet Libs スクリプト Ajax

Pageguideの使い方 実装は4ステップです。 Step 1: 外部ファイル スクリプトとスタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="stylesheets/pageguide.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.m... 続きを読む

[JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar | コリス

2012/04/17 149 users コリス Remove スクロール スクリプト 追従

Demo 2 赤枠のナビゲーションは左のカラム内の移動、黒枠のパネルは黒枠内のみ、右のバスケットはページ内全てです。 また、中央のテキスト「Remove」をクリックすると、一時的にそのパネルだけ追従をやめます。 Sticky Sidebarの使い方 オーソドックスなデモを例に実装方法を紹介します。 外部ファイル スクリプトを外部ファイルとして記述します。 <script src="jquery.m... 続きを読む

[JS]追従するフロートパネルを一行のスクリプトで設置できる -Portamento | コリス

2011/09/26 94 users コリス Libs Ajax 一行 スクリプト

スクロール操作に追従して定位置に表示されるフロートパネルを簡単な記述で設置できるjQueryのプラグインを紹介します。 Portamentoの実装 実装は非常に簡単です。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.m... 続きを読む