[JS]ページを表示する時にかっこいいアニメーションを加えるスクリプト（WordPressにも対応） -Animsition
ページを表示する時に、スライド、フェード、回転、ぱたりなどのかっこいいアニメーションを加えるjQueryのプラグインを紹介します。 アニメーションは表示する時だけでなく、リンクがクリックされて離れる時にも適用することができます。 Animsition Animsition -GitHub AnimsitionはWordPressのプラグインとしても用意されているので、WPを使っている時はプラグインの方が簡単に利用できると思います。 Page Transition -WP Plugin Directory Animsitionのデモ Animsitionの使い方 Animsitionのデモ デモはChrome, Safari, Firefox, Opera, IEは10+でご覧ください。 demo: fade エフェクトは全部で18種類！ その中からデモで、9種類が楽しめます。 demo:
![[JS]ページを表示する時にかっこいいアニメーションを加えるスクリプト（WordPressにも対応） -Animsition](https://cdn-ak-scissors.b.st-hatena.com/image/square/9777d3ddb94171e6f761197ff33a27f86a16ce31/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014082901.png)
ページをふわぁっとエレガントに表示させるjQuery
jQueryの設置参照サイト：jQuery fadeInを使ってAppleサイトのようなふわっと表示 jQuery本体 よくわかんねって人はとりあえず以下をテンプレートのhead-/head内にコピペ。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> フェード実行 head内に設置します。 <script type="text/javascript"> var i = 0; var int = 0; $(window).bind("load", function() { $('#wrap').fadeIn(100); // フェードインの実行 var int=setInterval("sFade(i)",100); // ミリ秒ごとにフェードインの処理の実行 })
指定した背景画像をx秒毎に切り替えるjQueryプラグイン - Rewish
img要素ではなく背景画像（background-image）を切り替えるjQueryプラグインです。 2013年7月29日にバージョン0.4.0をリリースしました。一から書きなおして、切り替え方法など色々改善しているので、良ければ使ってみてください。 ダウンロード jquery.bgswitcher.js 開発リポジトリはrewish/jquery-bgswitcher · GitHub 依存ライブラリ jQuery 1.7.x以上が必要です。 ライセンス MIT License 主な機能 エフェクト付きの背景切り替え 切り替えの制御（開始/停止/リセット） ファイル名の連番自動読み込み 画像のプリロード デモ Demo - jQuery.BgSwitcher 使用方法 <div class="box"> <p>Lorem ipsum dolor sit amet.</p> </div>
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQueryを使ったフェードイン&アウトエフェクト23 – creamu
GEEK Sucksというサイトで、jQueryを使ったフェードイン&アウトエフェクトが紹介されています。 ざっといくつかご紹介。 » Jquery Fade In.Fade Out サイトに来たときには30%の透過、マウスオーバーで100%。画像やテキスト、リンクやdivに指定可 » Fade Transition Plugin for jQuery テキストや画像に簡単にフェードイン&アウト効果がつけられるプラグイン » Making a Slideshow with jQuery jQueryを使ったクールなスライドショー » Simple jQuery slideshows 2パターンの面白いスライドショーが組めるjQuery » InnerFade with JQuery 画像やdivなど、要素の種類に関わりなくフェードイン&アウト効果をつけられるプラグイン その他のリストは以下
JavaScript サンプル：『画面をフェードインさせてみる１』
説明 ページを読みこんだときに色々な効果を出すと見る人の目を引きますよね。 今回は、画面のフェードインを作ってみます。 しかし、このような効果は２度目からは見るのも面倒ですし、嫌がられることもあるので気をつけてください。 コード var color = "0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F".split(",") var tmp; window.document.bgColor = "#000000"; for (index = 0;index <BODY onLoad="setbgColor(0);"> 解説＆ステップアップ スタイルシートで背景色を設定している場合は、そちらが有効になり、背景色は変わりません。 (確認IE ver.5.5）。 コード前半は、「color[ ]」という配列を作っているだけです。 <BODY>の「onLoad」イベント
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
