ホームページ上でカウントダウンを実現するjQueryCountdownプラグイン | ウェブという選択肢
head部記述 サンプル <script src="js/jquery.countdown.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ $('#counter').countdown({ image: 'img/digits.png', startTime: '01:12:12:00' }); $('#counter_2').countdown({ image: 'img/digits.png', startTime: '00:05', timerEnd: function(){ alert('5秒経過しました!'); }, format: 'mm:ss' }); }); </script> スクリプト上部がサンプル1で下部がサンプル2の
要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」:phpspot開発日誌
要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」 2011年07月26日- Grumble.js 要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」 $('h1').grumble(options) と唱えると、h1要素のとなりに次のようなバブルを表示させることが出来ます。 要素指定なので簡単です。optionsにはアングルや距離等も指定できます。 一定秒数超えたら消すということも出来ます。オレンジ色だけじゃなくて、別の色にすることもできるみたい なんとも注目してしまいそうなポップアップですが、注目させたいポイントに置くとCVRアップなどに貢献できるのかも。 関連エントリ カッコよく動くポップアップでより分かりやすくメッセージを表示出来る「JQUERY BUBBLE POPUP」 リンクにカー
JS Libs Deconstructed
Navigate the physical library code to see what, where, and how the magic happens Blog The Deconstructed series is designed to visually and interactively deconstruct the internal code of JavaScript libraries, including jQuery, Prototype and MooTools. It breaks the physical JavaScript into visual blocks that you can easiliy navigate. Each block opens to reveal its internal code. Clickable hyperlinks
セレクトボックス内をマウスだけでスクロールできるjQueryプラグイン・ComboBox - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 なかなか素敵なユーザビリティ になるのでは。フォーム等で よくあるセレクトボックスを、 マウスのみでオートスクロール してくれるjQueryプラグイン。 都道府県とかの選択項目の長いセレクトボックスに良さそうですね。 長いセレクトボックスから探すのは意外と苦痛だったりしますので、こういったプラグインも覚えておくと良いかもしれませんね。本家サイトのデモは数が少なかったので都道府県に変えてデモを作りました。 demo もう少しスピードを抑えた方が良さそうですね。元サイトにはこの他にも素敵なプラグインがあります。 以下でデモの確認とDLが可能です。 UI Elements: Combo Box, Pop Out and Horizontal Slide Out Menu
[JS]使い方も簡単、画像をフェードで切り替える超軽量スクリプト -hoverFade
既存のページに導入するのも簡単な画像をフェードで切り替えるスクリプトをDan Wellmanから紹介します。 フッタのアイコン 実装方法 フェードで切り替える画像のエレメントに対して、hover時に画像が切り替わるように設定します。その際に使用するクラス名は「hover-css」が初期設定です（変更可能）。 これはもしJavaScriptがオフの環境でも、ホバーがCSSで行われるようにするためです。 次にスクリプト用のクラスを用意します。初期設定は「hover-anims」で、「hover-css」と同様に画像が切り替わるように設定します。 これはスクリプトで利用するクラスで、その際にCSSのクラスは削除されます。 jquery.jsとhoverfade.jsを外部ファイルとして配置します。記述位置の理想はHTMLの終わりです。 HTMLにさきほどのCSS用のクラスを記述します。 また、初
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
