背景におもしろい効果を！六角形のアニメｰション「Hex」 - jQueryプラグインまとめ - Webkaru
六角形のアニメーションを実装するプラグイン「Hex」を紹介します。 jQueryプラグイン「Hex」このプラグインを使えば、たくさんの六角形がふわーっと流れるようなアニメーション効果を実装することができます。 オプションでは六角形が流れる方向、色、回数、遅延などを設定することができます。 Webサイト全体の背景やタイトルの背景に使うとおもしろいかもしれませんね。 それではデモページをご覧ください。 「Hex」のデモ ソース（ HTML + jQuery ）<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Hex - jQueryプラグイン</title> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="h
jQueryプラグイン - もっとみるを簡単に実装 - Show More
もっとみるをjQueryで簡単に実装できるプラグイン「Show More」を紹介します。 jQueryプラグイン「Show More」今回紹介するプラグインは、もっとみるを簡単に実装できるプラグイン。その名も「Show More」です。しかも、ふわっとしたアニメーション付きなので、いいね！ デモのページにある「» もっとみる」をクリックすると隠れた段落が表示され、「» もっとみる」は非表示になり、代わりに「» もっとみない」が表示されます。これをクリックすると「» もっとみる」をクリックして表示された部分が非表示になり元に戻ります。 「Show More」のデモ デモのソース（HTML + jQuery）<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Show Mo
jQueryプラグイン - 虫眼鏡のように画像の一部を拡大 - Zoomple
虫眼鏡のように画像の一部を拡大するプラグイン「Zoomple」を紹介します。 jQueryプラグイン「Zoomple」このプラグインを使えば、マウスを画像にもっていくと虫眼鏡・老眼鏡・ルーペのように画像を拡大することができます。大きな画像と通常の画像の2枚を用意するだけで簡単に実装できます。 デモの画像上でマウスカーソルをぐるぐる動かしてみてください。 「Zoomple」のデモ デモのソース（HTML + jQuery）<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name="description" content="Zoompleのデモでーす。"> <title>Zoomple - jQueryまとめのカルマ</title> <link rel="stylesheet" media="screen" href="c
jQuery Plugin - 画像の拡大・縮小と移動（パン）を実装 - pan and zoom
画像の拡大・縮小と移動（パン）を実装するプラグイン「pan and zoom」を紹介します。 jQueryプラグイン「pan and zoom」このプラグインを使えば、指定した画像の拡大や縮小を行うことができます。 また拡大した画像を移動するカメラのような操作「パン」も行うことができます。 画像メインのサイトにおもしろい効果を付加することができますね。 それではデモページで画像の拡大・縮小と移動を行ってみてください。 「pan and zoom」のデモ デモのソース（HTML + jQuery）<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="pan and zoom のデモでーす。"> <title>pan and zoom - imageCloud</title>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
