jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種 ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 投稿日2010年10月24日 更新日2012年03月05日 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。（テキストでもあまり変わらないと思いますが……） 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準
Lettering.JS で フワッと - jsdo.it - Share JavaScript, HTML5 and CSS
hover でふわっ、と。全部別の色にしたり他のプロパティいじったりしても面白そう。途中の文字が抜けて違う言葉になるとか。並び順が変わって違う言葉になるとか、色々。 /*global jQuery */ /*! * Lettering.JS 0.6.1 * * Copyright 2010, Dave Rupert http://daverupert.com * Released under the WTFPL license * http://sam.zoy.org/wtfpl/ * * Thanks to Paul Irish - http://paulirish.com - for the feedback. * * Date: Mon Sep 20 17:14:00 2010 -0600 */ (function($){ function injector(t, splitter,
カーソルを合わせると泡がブクブクっとさせることができるjQueryプラグイン「jBubbles」:phpspot開発日誌
カーソルを合わせると泡がブクブクっとさせることができるjQueryプラグイン「jBubbles」 2011年09月30日- jBubbles - jQuery plugin to make links or other elements bubble カーソルを合わせると泡がブクブクっとさせることができるjQueryプラグイン「jBubbles」 正直、魚以外に誰が得するんだろうと思うプラグインですが、面白かったのでご紹介です。 プラグインを改良してカーソルを合わせると超気持ちいい演出に応用できるかもしれません。 使い方は以下のように超簡単です。が手間に見合わない効果かもしれません。 $( selector ).mouseover(function () { $(this).jBubbles(); }); 関連エントリ Windowsのスピンボタンコントロールを実装できるjQueryプラグ
twitter APIとjQueryでtwitter widgetを作成する
twitterのwidgetのデザインをカスタマイズしたいのと、リプライを表示させたくないと言う理由からtwitter APIとjQueryを使ってオリジナルのwidegetを作成しました。 当ブログでは殆どデザインしてませんが、公式のwidgetに近いデザインで作成する場合の記事にしました。 twitterのwidgetのデザインをカスタマイズしたいのと、 リプライを表示させたくないと言う理由から twitter APIとjQueryを使ってオリジナルのwidegetを 作成しました。 当ブログでは殆どデザインしてませんが、 公式のwidgetに近いデザインにする場合の制作方法を書きました。 サンプル ベースはA jQuery Twitter Ticker | Tutorialzineを参考にしてます。 また複数ユーザーのツイートを表示したい場合は上記サイトが参考になります。 ソース <
魅力的でワクワクする最新のエフェクトを使ったウェブサイトのまとめ
訪れたユーザーにインパクトを与える魅力的な最新のエフェクトを使ったウェブサイトをCodropsから紹介します。 Examples of Creative and Modern Effects in Web Design
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a new fiddle - JSFiddle
