jQuery 簡単かつ高性能なスライダー【bxslider】の設置 – Divスライド系の中では一番のオススメです。 | Stronghold Archive
【bxslider】レスポンシブデザイン対応版の記事はこちら アップデートによりレスポンシブデザイン対応版に変更されていましたので、改めてメモとして記事にまとめております。CSS3のアニメーションを組み込んでスライドがさらにスムーズな動作になっています。※レスポンシブ版の方はイージングの選択の幅が狭い事やIE6が非対応だったり等、若干の癖がありますので、こちらで記事化したバージョンと使い分ける事をオススメします。 設置方法 > DEMO > DOWLOAD 設置方法も非常にシンプルです。プラグインを読み込みdivやliの階層を書くだけ。 プラグインのダウンロードは本家サイトより行えます。 <script src="js/jquery.1.X.X.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src
設置サンプル
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equ
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
css+jQueryでチェックボックス&ラジオボックスをオリジナルデザインのボタンにする
Posted: 2012.04.10 / Category: javascript / Tag: jQuery ブラウザ標準のチェックボックス&ラジオボタンのデザインだと俺のクールなサイトには合わん。 といったときの為にボタン風なオリジナルデザインにする方法をご紹介します。 cssオンリーの場合 まずはcssのみでやってみます。 隣接セレクターやcheckedセレクターを使用している関係でieでは動きません。 <div class="check-group clearfix"> <div> <input id="checkbox1" type="checkbox" name="check[]" value="c1" /> <label for="checkbox1">Checkbox 1</label> </div> <div> <input id="checkbox2" type="ch
スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
jQuery で要素の表示時の縦横サイズ取得、あと img 要素の onload とか - sometime-amigoの日記
下記。なんとなくイメージの縦横サイズをとっているみたいなコードだけど、$('#image') は、べつに img 要素じゃなくてもなんでもいい。 $(function() { alert($('#image').width()); alert($('#image').height()); }); ただ、$('#image') が img 要素であるか、もしくは img 要素を含んだブロック要素である場合、ちょっとした問題が。上述のコードを Safari で実行するとサイズがとれない。アラートには 0 とか変な値が表示されてしまう。イメージがロードされるのを待たずに縦横サイズを取得してしまうのが原因らしい。 $(function() { $('#image').bind('load', function() { alert($(this).width()); alert($(this).he
[js] 画像の一部分だけを切り抜くぷらぐいん | おれせか
Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 472 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 487 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-setti
jquery toolTip
Í=isÛFÅ_Ñ ïFÒ,/Év¡%f wrmdOj*r5& 4 Yãò ßwô (ÛU»qL ݯ_¿~w¿n øGÐ = Îþòôç'/ÿõË3±®7Ù |8 ÁÁó¬¸*3y*ñßòR^ÄUZÖCq¥ :ÕP,ªÙhñ xó?ª®ÅˢȴXÀ U â4d« ~©Ô à@_¡k'²J´(.áÑóLêõXü3MT!R-êµ E] õ.Ve ¹8D^\ £Ñ ðC\E&óÕy¤ò( öøgÀÿ à'÷íàà¬NëLÍ \ë´ wÈÿüó bd_h ¹ UºZ×g î@6ª" u =U( F".òZåõyô Ð× ¾&bSèZ¤²¨`ƵxõB\¥ÉJÕcq O3% ¢¬¥Ò È, ³¨ Ì :#ÿC]_ @À`XÛ|(Þ Ý Ïþ¤9îø.ʬY¥y_WÝmËø0} ©u]#õg^GO ¡ÑËëR
画像を回転できるjQueryプラグイン『wilq32』 – creamu
画像を違った風に見せたい。 そんなときにおすすめなのが、『wilq32』。画像を回転できるjQueryプラグイン『wilq32』だ。 このサイトでは、↑のように画像を傾けるJavaScriptが公開されている。 ソースは以下の通り。マウスオーバすると画像を回転させることもできる。 $(document).ready(function() { $(‘#image’).rotate(-25); }); 画像を回転できるjQueryプラグイン、チェックしてぜひ使ってみてはいかがだろうか。 » wilq32 いろいろ作業。やることが満載だ。
jQueryAutoHeight.js - 複数のカラムの高さを最大値にそろえるjQueryプラグイン | かたつむりくんのWWW
Movable Type, Craft CMS, Drupal, HTML, CSS, JavaScript, jQuery etc. jQueryAutoHeight.js とは jQueryAutoHeight.js とは、複数のボックスの高さを自動的にそろえるシンプルな jQueryプラグインです。高さのそろえ方は、次の２通りです。 セレクタで指定したすべての要素を、その中の最大値にそろえる セレクタで指定した要素を、オプションで渡した数ごとに、その中の最大値にそろえる（1行ごとにそろえられる） サンプル 複数のボックスの高さを最大値にそろえるjQueryプラグイン ダウンロード Releases · tinybeans/jQueryAutoHeight ※jQuery 1.9 以降で利用する場合は v0.04 以降をお使いください。 使い方 ファイルの読み込み ダウンロードしたファ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
Firefoxでクリップボードにコピー（FP10対応版） [J73x - メモ]
<div> ■固定文字列をコピー（この例では「あいうえお」）<br /> <div id="swf1" class="btn">[copy]</div> </div> <div> ■テキストボックスの内容をコピー<br /> <input type="text" id="txt2" value="かきくけこ" /><br /> <div id="swf2" class="btn">[copy]</div> </div> <div> ■テキストエリアの内容をコピー<br /> <textarea id="txt3" rows="5" cols="40">さしすせそー</textarea><br /> <div id="swf3" class="btn">[copy]</div> </div> <script type="text/javascript" src="swfobject.js">
[js] twitterのTLをとってくるjQueryプラグイン | おれせか
Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 472 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 487 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-setti
クロスブラウザで display:inline-block させる jQuery プラグインを作ってみた - Cyokodog :: Diary
更新履歴 2009-11-11 ご要望があったので jQuery.exInlineBlock.js の圧縮版をダウンロードできるようにしました。 CSS には display:inline-block というボックス要素を横並びに配置させる機能があります。 通常のボックス要素（diplay:block）は、横に伸び、縦に縮む性質があり以下のように段積みになります。 幅を指定してサイドに空間を設けても、ブロック要素なので段積みになります。 inline-block の場合は、横にも縦にも縮む性質があり、span や a の inline 要素のように要素を横並びにします。 inline 要素と同様、親（先祖）要素で text-align:center とすればセンタリングもされます。 画面のレイアウトやパーツを配置する上でとても便利な機能ですが、IE6/7 、 Firefox2 以下ではこの
jQuery Cheatsheet Color Charge
jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript. The cheat sheet comes in two flavors: Made for iPhone and iPod Touch, and any other mobile device with internet access: http://labs.colorcharge.com/jtouch. Read
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Inline Form Labels | Blog | Trevor Davis | Senior Software Engineer @ Dutchie
jQueryフォームにテキストをうっすらと出すプラグイン
Dialog | jQuery UI
Upload, Share, and Discover Content on SlideShare
Searches