[JS]jQueryのプラグイン33+1選 -2012年1月紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jQuery Transit CSS3アニメーションをjQueryで簡単にコントロール。 cssAnimate CSS3とjQuer
Image Wall with jQuery | Codrops
Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make […] Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next t
[JS]スムーズなアニメーションで横スクロールコンテンツを作成するスクリプト -X-Rhyme.js
水平方向に長いコンテンツをスムーズなアニメーションで横スクロールさせるjQueryのプラグインを紹介します。 X-Rhyme.js [ad#ad-2] デモページが少し分かりにくいのですが、左に配置された四つの矩形がナビゲーションで、そこをクリックすると、コンテンツを横スクロールで表示します。 デモページ：「Work」をクリックしたキャプチャ 横スクロールの操作は、マウスホイールにも対応しています。 JavaSciprt スクリプトのオプションでは、ナビゲーションのセレクタ、スクロール時のスピード・アニメーションを変更することができます。 $('.horizontal_items_container').xrhyme({ navigationSelector : '.anchor a', anchorMode : true, wheelSpeed : 0.7, animationTime
マウスオーバーするとソーシャルメディアのリンクを表示するjQueryプラグイン「SMover」 | Web活メモ帳
常に表示していると邪魔なアイコンもユーザーのアクションによって表示させる事で、すっきりしたレイアウトになります。 通常時は以下のような状態にしておいて、、、 マウスオーバーでアイコンやリンクを表示させる事ができます。 ソーシャルメディアへのリンクだけでなく、固有のメールリンクやゴミ箱アイコンなど使い道は色々ありそうです。 以下のようなコーデで簡単に実装できるようです。 ■ JAVASCRIPT $(document).ready(function() { $('#share-page').smover(); }); ■ HTML
ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」
軽量なjavascriptライブラリjQuery、かなり高機能で、様々な表現ができますが、今回紹介するのはjQueryを利用して、ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」です。 上記のようにメインコンテンツエリアを、ヨコにスライドして、サブページが表示されます。 詳しくは以下 印象的な見せ方なので、ユーザーに特に残るような見せ方をしたいときに有効だと思います。使いどころは難しいかもしれませんが、はまったときには非常に有効的な見せ方だと思います。 実装方法は非常に簡単で、JQueryを読み込んで、簡単なコードを追加するだけです。出現するページのワイド幅はjavascript上で変更する事ができます。対応しているブラウザはIE7, FireFox 2, Safari 2以上という事で、IE6などの旧世代のブラウザは非対応とのことです。 詳しい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
