タグ

2011年10月14日のブックマーク (5件)

  • Ascensor.js

    Ascensor is a jquery plugin which aims to train and adapt content according to an elevator system. It works with jquery >= 1.7. This plugin is entirely free to use, but you're always welcome to pay me a beer Download Ascensor.js Get the minified version → Implementation Basic implementation <div id="ascensor"> <div>Content 1</div> <div>Content 2</div> <div>Content 3</div> </div> <script src="jquer

    manji6
    manji6 2011/10/14
    jQueryでおしゃれなプレゼンを作るならコレかな。
  • サイト利用のインタラクティブなチュートリアルをリストで定義するだけで超簡単に実現できる「jQuery Joyride」:phpspot開発日誌

    サイト利用のインタラクティブなチュートリアルをリストで定義するだけで超簡単に実現できる「jQuery Joyride」 2011年10月14日- jQuery Joyride Feature Tour Plugin - ZURB Playground - ZURB.com サイト利用のインタラクティブなチュートリアルをリストで定義するだけで超簡単に実現できる「jQuery Joyride」 サイトを最初に訪れた人に、どういうふうに操作するかという部分をサイトをそのまま使って説明することができます。 使い方が超簡単で、<ol>リストにチュートリアルをリスト形式で列挙していき初期化します。 <li data-id="****">のdata-idの部分にポップアップを表示させたい要素のIDを指定します するとリストの順にポップアップがどんどん出て、「Next」ボタンを押せば次の要素にアニメーショ

    manji6
    manji6 2011/10/14
    これはいいかも。ページに対してツールチップを出しながらチュートリアルを出せる
  • 綺麗なツリービューが実装できるjQueryプラグイン「jsTree」:phpspot開発日誌

    jsTree Examples 綺麗なツリービューが実装できるjQueryプラグイン「jsTree」 次のようなWindowsのツリービューっぽいUIが実装できます。JSONやXMLデータをツリーとして表示することが可能です。 アプリケーションで使い慣れた機能をWEBでも簡単に使えるのはいいですね クリックでアイテムの選択も可能です。 実装は最低限次のコードで実現できます $("#demo1").tree(); 関連エントリ WindowsアプリのツリービューっぽいUIをWEB上で簡単実装できるjQueryプラグイン「jquery.dynatree」 折り畳み可能なシンプルツリーメニュー実装jQueryプラグイン「Simple Tree Menu」

  • [JS]任意のキーを組みあせて、イベントを設定できる超軽量スクリプト -jwerty

    コナミコマンド(上上下下左右左右BA)など任意のキー操作を組みあせて、エレメントやイベントを設定できる超軽量(1.5kb)のスクリプトを紹介します。 jwerty [ad#ad-2] jwertyはjQueryなど他のスクリプトに依存しないで動作するスクリプトで、minified版で1.5kbと超軽量です。 ※jQueryと一緒に設置することはできます。 jwertyの使い方 使い方は簡単で、外部ファイルとして当スクリプトを指定し、キー操作ごとにエレメントやイベントを設定します。 キーボードのスタイルがかわいかったので、キャプチャで実装例を紹介します。 jwertyの実装例 [ad#ad-2] jwrtyのサイトでは、下記のショートカットが用意されています。 zipでダウンロード Ctrl+Alt+z tarでダウンロード Ctrl+Alt+Shift+z jwerty -GitHubにア

    manji6
    manji6 2011/10/14
    キーボードコマンドでイベントを定義
  • Fixed Center jQuery plugin « David's Web Development Blog

    Updates 12/7/2010 – Some minor performance issues were addressed. Version 1.3 of the plugin is now available. Demo Fixed Center jQuery Plugin version 1.3: Download | Demo 1 | Demo 2 About Fixed Center is a jQuery plugin that allows you to position an element directly in the center of the screen.  The element will always stay centered even when you resize the browser window or scroll horizontally o

    manji6
    manji6 2011/10/14
    簡単に画面の中心・中央へ並ばせることが出来る