ブラインド式に画像が切り替わるjQueryプラグイン・jQuery Blinds - かちびと.net
IE6,7でも動いてくれるので 実用性あるかなと思ってメモ。 ブラインド式に画像が切り 替わってくれるjQueryの プラグイン、jQuery Blinds。 なかなかスムーズな動きです。 IE6でも7でもスムーズに切り替わってくれますよ。いろいろ凄いプラグインありますけど結局使うのはブラウザに対応してるプラグインになりますよね。。 外に広がるようにスムーズに切り替わってくれます。なかなかよさ気。デモ作った。画像に他意は無いです。 マークアップも簡単。 <div class="slideshow"> <ul> <li><img src="1.jpg" alt="1" /></li> <li><img src="2.jpg" alt="2" /></li> <li><img src="3.jpg" alt="3" /></li> <li><img src="4.jpg" alt="4" />
半透明がいい感じのクールな写真ギャラリー作成用jQueryプラグイン「jPhotoGrid」:phpspot開発日誌
A Zoomable jQuery Image Gallery Called jPhotoGrid 半透明がいい感じのクールな写真ギャラリー作成用jQueryプラグイン「jPhotoGrid」が公開されています。 LightBoxのようなものですが、サムネイルから直接、オリジナルの画像へとアニメーション表示されます。背景部分が半透明なのがなかなかクールです。 黒の背景にいい感じにマッチしそうなギャラリーになってます。 関連エントリ 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」 表示法が新しくセクシーなLightBox「SexyLightBox」 カスタマイズできる多機能LightBox「Lightview」
jQueryでテキストリンクのマウスオーバー時に動きをつける
2014年8月20日 jQuery どのサイトにも必ずあるテキストリンク。それをもう少しおしゃれに表示できないかな？ということでjQueryでアニメーションをつける方法を紹介します。下のアンダーラインからペロッとでてくるので、うるさすぎず、アクセントになると思います！ ↑私が10年以上利用している会計ソフト！ IE6+, Firefox 3+, Safari4で動作確認済です。 サンプル See the Pen Text link – animation hover effect by Mana (@manabox) on CodePen. 必要ファイルをダウンロードする 必要なJavaScriptファイルを下記よりダウンロードします。 jquery.js jquery.color.js jquery.backgroundPosition.js 背景画像を作る マウスオーバー時に表示したい
サイトにTwitterの機能を組み込むためのjQueryプラグイン集:phpspot開発日誌
Best jQuery plugins for Twitter integration | AjaxLine サイトにTwitterの機能を組み込むためのjQueryプラグイン集。 Twitterの勢いがまだまだ衰えませんが、それにともなってサイトにTwitterの機能を実装したいというニーズも高まってきているのではないでしょうか？ そんな際に便利に使えるプラグイン集です。 Twitterのサイトが落ちた時にサイトが重くなってしまうという点に注意して使いたいですね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 ajaxファイルアップロードに使えるjQueryプラグインいろいろ 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」
画像付きのオシャレなツールチップを実装できるjQueryプラグイン「TinyTips」:phpspot開発日誌
jQuery Plugin: TinyTips 1.0 | Mike Merritt | Digital Inferno 画像付きのオシャレなツールチップを実装できるjQueryプラグイン「TinyTips」。 TinyTipsを使えば、リンクにカーソルを合わせると次のように半透明がかかった感じで画像が入ったクールなツールチップが簡単に実装できます。 実装は次のように簡単に出来ます。 まず、<a>タグのtitleをツールチップとして使うには、tinyTipsメソッドの引数にtitleをわたします $(element).tinyTips('title'); タグを入れたい場合は次のように引数にそのままタグを入れてあげればOKです。 $(element).tinyTips('<img src="images/demo-image.jpg" /><br />You can even put im
CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」:phpspot開発日誌
CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」 2010年03月07日- CSS3 Dropdown Menu 次のようなCSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」が公開されてます。 CSS3をサポートしないブラウザでも角丸がかからないだけで綺麗に表示されるようです。 デモページはこちら。 クオリティがとても高いですね。 ヘッダーナビゲーション等に使うといい感じかもしれません。 関連エントリ クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 jQueryで幅の大きなドロップダウンメニュー作成チュートリアル
人物のシルエットにマウスオーバーすると写真がフェードインするjQueryプラグイン
cssやプログラミングSilhouette Fadeins これは結構実用的なテクニック なのでは。人物のシルエットに マウスオーバーすると写真が フェードインします。 これは結構実用的なテクニック なのでは。人物のシルエットに マウスオーバーすると写真が フェードインします。というか、 人物じゃなくても良さそうなので 色々使い道がありそう。 css trickの画像をフェードインさせるjQueryとcssのクールなテクニックをメモ。 Silhouette Fadeins フワッと出てくる写真がかっこええっす。IE6では表示されませんでしたが、コンテンツを際立たせるのにいいテクニックじゃないかなと思います。 ロールオーバーにはcssスプライトを採用してるみたいです。多少ズレるのでやや暗めの写真にした方がいいかな・・ マークアップも記載されています。 ダウンロードとデモは以下からGOです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
かなりカッコいいPHP＆MySQLなAjax式コンタクトフォーム:phpspot開発日誌