jQuery 1.9 に更新する際に注意すべき変更点の自分なりのまとめ | 私的なjQuery他
jQuery Core 1.9 Upgrade Guide | jQuery の「Changes of Note in jQuery 1.9」を読んで、 自分なりにまとめました。 誤訳して間違ったことをまとめてたり、 最新の情報でないかもしれないので 読まれる際はご注意下さい。 （※ページをそのまま訳したわけではないと、思います） jQuery 1.9 では API の削除や 挙動の変更を行っています。 この記事は、前のバージョンから更新した時、 既存のコードに影響がでそうな変更を 並べたものになります。 変更点を全部網羅しているわけではありません。 箇条書きにすると以下のような感じ： 削除された機能 .toggle(function, function) の用法 jQuery.browser() .live()と.die() jQuery.sub() document 以外の要素での A
タブやページネーションを簡単に実装できる！超軽量のjQueryプラグイン「vanity」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
※編集部注：jQueryプラグイン「vanity」は既にサービスを終了しています。 お疲れ様です、ももこです。 今回はタブやツールチップ等、ちょっとした動きをつけるのに便利で超軽量なjQqueryプラグイン「vanity」をご紹介します。 jSlider – スライダー ナビとページ遷移のついた基本的なスライダー、速度やイージングも調整がききます。 jTabs – タブ コンテンツの切り替えによく使われるタブ。簡単にアニメーションがつけられるのが個人的に気に入りました！ jPaginate – ページネーション ブログで大活躍するページネーション、オプションを細かく設定すればイイ感じに使えそうです。 jSpotlight – スポットライト 選択した要素以外を目立たせなくするスポットライト。タイトルが下からひょこっと出てくるのも良いですね！ 他にも…… 以下のツールを含め、7つの機能が使用
jQueryでスクロールしても上に固定されるメニュー｜Webpark
よく見かけるタイプのjQueryを使ったスクロールしても上に固定されているメニューを紹介します。最近FC2ブログの上部に現れた検索バー（このブログは非表示にしてます）みたいな感じです。 <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.5'},400); //スクロール時 else $('#nav').stop().animate({'opacity':'1'},400); //一番上にあるとき }); $('#nav').hover( function (e) { var scrollTop =
サクッと読める話題 - ネット等様々な話題を誤報を防ぎながら更新
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
jQueryで超簡単アコーディオン(開閉式)メニュー jQuery入門&サンプル集
はじめてでもできるjQueryでアコーディオンのメニューを作ってみたいと思います。 説明が長いかも知れませんが順を追って説明します。 ※デモ追加しました。 ではコードも少なく簡単にHTMLソースから。 <button>クリック</button> <ul> <li>AAAAAAAAAAAA</li> <li>AAAAAAAAAAAA</li> <li>AAAAAAAAAAAA</li> </ul> 上記ボタンをクリックするとしたのメニューが表示される形にします。テキストでももちろん可能ですが分かりやすいと思うのでボタンにしています。 ではjQueryのソースです。 $(function(){ $("ul").hide(); $("button").click(function(){ $("ul").slideToggle(); }); }) hideメソッドでulごと非常時にしています。 $
[JS]画像をクロスフェードで変更するスライドショーの超軽量スクリプト -Simplest Slideshow
余計な機能は一切なく、シンプルで画像を洗練されたエフェクトで次々に表示するスライドショーのスクリプトをSnook.caから紹介します。 Simplest jQuery Slideshow demo このスクリプトを作成したきっかけは、知人からの依頼だそうです。 当サイトでも多数紹介しているjQueryのプラグインで同様の動作をするものがありますが、多機能すぎるためクロスフェードするだけのシンプルで軽量のものを作成することにしたそうです。 そこで、コードの目標を20行以下で挑んだところ、作成してみると、下記のように大幅に短いものになってしまったとのことです。 ※動作には別途jquery.jsが必要です。 JavaScript <textarea name="code" class="html" cols="60" rows="5"> $(function(){ $('.fadein img:
jquery.SimpleSlideShow.js にスライドアニメーションを追加しました。
簡単にスライドショーを実装できる jQueryプラグイン「jquery.SimpleSlideShow.js」に画像切り替え時のアニメーションを追加しました。 これまでスライドショープラグインと言いながら画像切り替え時のアニメーションがフェードしかなかったので、左からのスライドで画像が切り替わるようなアニメーションを追加しました。 デモ
シンプルに使うことができるフェードイン・フェードアウト ロールオーバーJavascript « ActionscriptとかFlashとか| futurefish
以前からロールオーバの演出を行う際は、下記のsmartRollover.jsを使用させていただいておりました。 http://css-happylife.com/archives/2007/0621_0010.php しかし、Flashのような演出をしてくれなどと言われることも多くなったので、jQueryを使ったて簡単にフェードイン・フェードアウトできる スクリプトを作りました。これでちょっとだけサイトをリッチにできるはず。 作成する際、以下の記事を参考にさせていただきました。 http://css-happylife.com/archives/2007/0621_0010.php http://suzken.com/2010/10/jquery-fade-rollover.html ■使い方 1. jQueryをダウンロード 2. ロールオーバ用のJSをダウンロード 3. 以下のようにヘ
jQueryによるLightbox風モーダルウィンドウの作り方 (3/3)
【クライアントのわがままに応える！】 画像ではなくテキストをモーダルウィンドウに表示したい！ 「画像じゃなくて説明文をライトボックス風に表示してほしい｣――。サンプル02ではモーダルウィンドウに画像を表示しましたが、画像の代わりにテキストなどの任意のHTMLも表示できます。 HTML部分は次のようになります。今回はdl/dt/ddの定義型リストでメニューを作成し、dt要素のメニューがクリックされるたらdd要素の内容をモーダルウィンドウに表示してみましょう。 ▼サンプル04（HTML部分） <dl> <dt>Lorem ipsum dolor sit amet,</dt> <dd><p>Lorem ...(中略)... felis mauris.</dt> <dt>Integer rhoncus felis mauris.</dt> <dd><p>Integer ...(中略)...temp
老太婆性杂交欧美肥老太,天天摸夜夜添添到高潮水汪汪,娇嫩粗大撑开灌满浓浆np
亚洲AV日韩AV永久无码绿巨人,亚洲AV日韩AV高潮无码专区,亚洲AV日韩AV高潮潮喷无码,老太婆性杂交欧美肥老太,天天摸夜夜添添到高潮水汪汪,娇嫩粗大撑开灌满浓浆np,么公在厨房猛进猛出,精品国产AV一区二区三区,国产精品毛片av一区二区三区,久久精品国产亚洲AV高清不卡,国产精品亚洲二区在线播放∴
AviaSlider - a unique jQuery Image slideshow plugin!
Features of the Avia Image Slider 8 unique transition effects Lots of easy to set options to create your own effects Included Image preloader Autoplay that stops on user interaction Valid HTML5 and CSS 3 Markup Packed version only weights 8kb Supports linked images already prepared to work with prettyPhoto Lightbox works with jQuery 1.32 and higher Browser Support Internet Explorer 6 and higher Sa
[JS]タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js
グリッドに沿ってタイル状に配置した画像やテキストなどのエレメントをランダムな順番でふわりと表示するjQueryのプラグインを紹介します。 champagne.jsを実際に使用しているサイト「Perkstreet」 [ad#ad-2] champagne.jsの使い方 champagne.jsは、3ステップで簡単に実装できます。 画像やテキストをタイル状にCSSで実装。 jQueryと当スクリプトをインクルード。 親エレメントをjQueryのセレクタで指定し、スクリプトを実行。 下記に、デモページを例に実装方法を紹介します。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery
diagonalFade : A jQuery plugin
is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements. All you have to do is import it, specify the container to which the group of items resides, and poof, you're off and away. diagonalFade is great for inventory or anything with a large amount of items ordered in a grid. diagonalFade has been tested in all modern bro
シンプルな画像のスライドショー「jQuery.Showcase」 : てるてるブログ
Posted on | 8月 22, 2011 | No Comments シンプルなスライドショーjQueryプラグイン「jQuery.Showcase」。 jQueryでのスライドショーは簡単に見栄えのいい動きのあるページが作れるのがいいところ。 ついでに、サムネイルも自動で表示され画像の切り替わりも色々と設定出来るのが便利で、設置が比較的楽なのもいいところ。 トップページでスライドショー的な見せ方をしたいってときに、Flashでの作り込みを考える前に試してみるにはいいんじゃないでしょうか？ サンプル ↓以下設置メモ まずはjQuery.Showcaseでプラグインをダウンロード。 詳しい説明ページは、英語ですが開設ページがデモも含めて詳しいです。 画像の切り替わりなどの詳しい設定は上記ページの「Documentation」に詳しく開設あり。 サムネイル表示のサンプルがないので↓にコー
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
![ブロックレベル要素の高さを揃えるheightLine.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ - NAVER まとめ
jQuery.flickable - Demo
初心者でも簡単に使える、シンプルなjQueryスライドショープラグイン
fujitaiju.com
会社ロゴマーク デザインアーカイブ