動画を表示 対応ブラウザはFirefox, Chrome, Safari, Operaの最新のバージョンで、IE6/7ではJavaScriptを使用することで動作させています。 スタイルシートのオフ時には、各リンクはページ内アンカーとして動作し、下記のように表示されます。
[CSS]画像やコンテンツや動画を表示するCSS3で実装したLightbox
動画を表示 対応ブラウザはFirefox, Chrome, Safari, Operaの最新のバージョンで、IE6/7ではJavaScriptを使用することで動作させています。 スタイルシートのオフ時には、各リンクはページ内アンカーとして動作し、下記のように表示されます。
ゆーすけべー日記
サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一本吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。 お礼に料理を作るとはいえ、サキの家には食材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい食材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ
ビフォーアフターをわかりやすく表現できるjQueryプラグイン「Before/After」:phpspot開発日誌
jQuery Before/After Plugin ビフォーアフターをわかりやすく表現できるjQueryプラグイン「Before/After」が公開されてます。 このプラグインを実装すると中央にツマミが現れます。修正前・修正後という形でインタラクティブに見分けることができます。 ドラッグで移動すると、画像が切り替わります。 面白いですね。いざ実装するとなるとかなり大変そうですが、jQueryプラグインなので次のように１行というところが素晴らしいです。 $(function(){ $('#container').beforeAfter(); }); 関連エントリ そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」 複雑な数式を出力したい際に使えるjQueryプラグイン「jsLaTeX」
[JS]背景画像をアニメーションさせるjQueryのプラグイン -jAni
再生や一時停止、停止などコントロールも可能な、背景画像をアニメーションさせるスクリプトをajaxBlenderから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> <script type="text/javascript" src="../jquery-1.3.2.min.js"></script> <script type="text/javascript" src="../jani.js"></script> </textarea>
デザインに彩りを与えるCSS・jQueryソリューション21 – creamu
SmashingAppsで、デザインに彩りを与えるCSS・jQueryソリューションが紹介されています。 ざっといくつかご紹介。 » Fancy Thumbnail Hover Effect w/ jQuery 画像にマウスオーバーするとスムーズに拡大してくれるjQuery » Create a jQuery Graph Plugin 棒グラフを生成できる » Animated Menus Using jQuery マウスオーバーすると、ふわーっとアニメーションするメニュー » Improve form usability with auto messages フォームにフォーカスすると、メッセージがフェードイン&アウトする » Control.Tabs サムネイルにマウスオーバーすると、ささっと画像を切り替えてくれる すごくいい感じのが揃っていますね。 その他のリストは以下からどうぞ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
