一定期間更新がないため広告を表示しています
「Custom Scrollbar」はスクロールバーのデザインとスクロール量をカスタマイズできるjQueryプラグインです。 デザイン以外にも、イージング、マウスホイールへの対応など多彩なオプションが設定可能になっています。 OSが変わっても同じ見せ方をしたい場合などに良さそうですね。 詳しくは以下 デモ 多彩なオプション機能 以下のようなオプションが設定可能です。 スクロールの方法（縦か横） スクロール量 イージング量（スクロールを停止した後の慣性の量） スクロールバーの幅と高さ マウスホイールのサポート 使い方 jQueryやjQUery.uiなどのライブラリをheadタグで読み込みます。 <link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /> <script src="http://aj
Pina たった１行でIEでも使えるブロックの角丸を実現できるjQueryプラグイン「Pina」 pina(20, 'blue', 'classname1'); のようにするだけで角丸が実現できます。 IE6のような古いブラウザにも対応しているのが特徴。 CSS3になって対応ブラウザでは便利になったとはいえ、クロスブラウザ対応というと１行では実現できないので、利用を検討してみてもよさそうです。 pina 関数の第一引数の値で角丸のradiusサイズを指定できます。 関連エントリ CSSで角丸テクニック２５ IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」 角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」 CSS3で影付き角丸グラデーション付きのボタンを作成するサンプル
＜select＞タグを使ったプルダウン選択メニューの見た目を変えるjQueryプラグインはよく見かけますが、＜option＞タグそれぞれにアイコンを付けることができたり、組み込み自体もシンプル簡単に実装することができそうな「jQuery.superselect」が良さげだったのでご紹介。 ≫jQuery.superselect – a ＜select＞ enhancing plugin. チュートリアルページに掲載されている実装の際のHTMLソースの記述は ◆HTML <select id='theselect' onchange='$("#test").html("Select value is: "+$(this).val());'> <option value='' rel='icon[silk/help.png]'>Choose a Flag...</option> <option
Unobtrusively add style to your drop down boxes, leaving them to work almost exactly as before. introduction Needless to say, this site will look better in anything other than Internet Explorer, and so will the plugin, unless you change the css. For eaxmple I have used rounded corners and transparent png's. Not vey Internet Explorer friendly. The only thing that will differ is that if you change t
JQuery Narrative Select Plugin by gdakram From If this is , then you are . Date: To If this is , then you are . Date: Why, When Make your drop-down list look uniform cross-platform. Enables you to include a drop-down list as part of a 'narrative' form, where your user input fields look uniform. How <!-- CSS --> <style type="text/css"> @import url("/path/to/jquery.narrativeselect/jquery.narrativese
ezMark jQuery Plugin - Stylize Checkbox and Radio Button Easily checkboxやradioボタンを個性的なデザインにできるjQueryプラグイン「ezMark」。 次のようなデザインにすることが可能です。CSSをカスタマイズしてiPhoneっぽくすることも出来ます $(element).ezMark() とするだけでスタイリングできるのはいいですね。 関連エントリ フォームのユーザビリティに貢献するjQueryプラグイン ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」 ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」 サイト内にTwitter投稿用のフォームを直接埋め込んでしまえるjQueryプラグイン「
Ajaxの処理中にローディングバーを表示させたい。 そんなときに使えそうなのが、『prettyLoader』。マウスカーソルの横にローディング画像を表示するjQueryプラグインです。 マウスカーソルの側っていうのがわかりやすくていい感じですね。 This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones, just leave my informations at the top of the files. Donations are always welcome. とのことで、商用利用も可能となっています。ファイルの先頭のクレジットを残してほしいとのことですね。 一度見てみてください。 prettyLo
prettyLoader is a small (less than 4kb uncompressed) jQuery plugin that aim at making your life easier regarding ajax loader display. You know, when you do an ajax call and you never quite know where to position your loader. prettyLoader takes care of that for you, by default, prettyLoader will “hook” to the jQuery ajax function and display a nice spinning circle next to the mouse cursor and hide
このblogで使用しているプルダウンメニューについて簡単に。 カテゴリーとアーカイブを省スペースでまとめ、デザインの中にうまく溶け込ます。かつ、ページ遷移した際は選択内容を維持する事でより機能的なナビゲーションを目指しました。フォームのデザインにはjQueryのプラグイン、NiceJFormsを使用しています。(使用例) NiceJFormsをダウンロードし解凍すると、中にhtml、css、imgが入っています。htmlの<select size="1" id="mySelect1" name="mySelect1" class="width_320">の部分とcssとimgを修正することでフォームの変更が可能です。NiceJFormsでデザインを変更した後、プルダウンメニューにリンクを持たせるのにJavaScriptを使ったMM_jumpMenu()と組み合わせようかと考えました。しかし
NiceJForms is a jQuery plugin to beautify the forms.About NiceJForms NiceJForms represents a solution to get form elements with beautiful shapes using custom design, which utilizes the lightweight JavaScript library jQuery, and is nothing more than a translation of Niceforms into jQuery library. NicejForms is in fact a jQuery plugin to make forms look better. You can check the demo or download it.
prettyCheckboxes, a solution to checkboxes 外観はデフォルトでキャプチャ画像のように、それぞれノーマル・マウスオーバー・チェックの三種類の画像が設定されています。 それぞれの画像の格納先は「images/prettyCheckboxes」内のチェックボックスは「checkbox.gif」、ラジオボタンは「radio.gif」となっています。 prettyCheckboxesはjQueryのプラグインのため、動作にはjquery.jsが必要です。 対応ブラウザは、IE6, 7, Fx2, 3, Op9.5, Safari3.1.1となっています。 prettyシリーズは他にも、textareが入力に応じてエリアが広がる「prettyComments」、かわいい外観の画像を拡大表示するLightboxのクローンの「prettyPhoto」もリリースされ
This script is for people who wants to have a consistent look for checkboxes across browser or those who simply want them to look better. By using this script you wont loose any of the regular inputs usability. See below for a demo of the project or click here for the full project documentation. If you need support with prettySociable, please take a look at our forums Documentation Please see this
セレクトボックスの各アイテムにアイコンを配置して、グラフィカルに認識しやすくするスクリプトをMarghoob Sulemanから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
