マウスオーバーした画像にフェードイン効果（半透明）をつけるjquery - WEBデザインを学ぶ｜こゆきんのWEBの細道
ポートフォリオで使用した、画像をマウスオーバーすると、半透明にフェードインして行くjqueryを備忘録用に記録。 このリンク部分で使用しました。 http://webdesign7.main.jp/portfolio/ CSSで半透明効果を出す方法 しかし、徐々に透明になるふわっとした感じは出ない様です。 a:hover img{ opacity:0.6; filter: alpha(opacity=60); } jqueryで、マウスオーバーしたら透明度を変える方法 1：最初にheaderに，jQuery本体を読み込む <script type="text/javascript" src="js/jquery.js"></script> 2：Queryの処理を記述する $(document).ready( function(){ $("#gallery img").hover(funct
シンプルに使うことができるフェードイン・フェードアウト ロールオーバーJavascript « ActionscriptとかFlashとか| futurefish
以前からロールオーバの演出を行う際は、下記のsmartRollover.jsを使用させていただいておりました。 http://css-happylife.com/archives/2007/0621_0010.php しかし、Flashのような演出をしてくれなどと言われることも多くなったので、jQueryを使ったて簡単にフェードイン・フェードアウトできる スクリプトを作りました。これでちょっとだけサイトをリッチにできるはず。 作成する際、以下の記事を参考にさせていただきました。 http://css-happylife.com/archives/2007/0621_0010.php http://suzken.com/2010/10/jquery-fade-rollover.html ■使い方 1. jQueryをダウンロード 2. ロールオーバ用のJSをダウンロード 3. 以下のようにヘ
jquery.fadeMover - Fadein and Fadeout for jQuery
jquery.fadeMoverはページの遷移時にフェードアウト、フェードイン効果をだすためのjQueryプラグインです。 Overview 指定された要素をフェードインしながら表示し、<a>タグをクリックしてページを移動する場合にフェードアウトしてから移動します。 <a href="#top">など、ページ内リンクの指定をしている<a>タグはフェードアウト動作禁止にしています。 [2012-08-28] 「nofadeOut」で複数classの指定がある場合動作するように修正しました。（hasClassでチェック）。あとファイルを直接ダウンロードするように修正しました。 [2012-02-16] 以前作成していたものに少し手を加え、要素を順番にフェードアウト、フェードインさせるオプション「inDelay」「outDelay」もつけました。フォトギャラリー等で少し変わった動きがほしい場
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
