[B! jQuery] babomuraのブックマーク

プラグインを使わずに、かんたん実装できるjQueryマウスオーバーアニメーションのまとめ | ニトなび

ここのところ少しブログをリニューアルしたのですが、過去に導入してほとんど活躍していないjQueryマウスオーバーアニメーションを外しました。しかし、なんかせっかく実装したものを外しただけでは無意味なので、今後再導入するときの為に、スクリプトを書きとめておく事にしました。マウスオーバーアニメーションの種類オンマウスで画像を切り替えるアニメーションフェイドさせながらテキスト色を変化させるアニメーションフェイドさせながら背景色を変化させるアニメーションテキスト（画像）を横にピコッとずらすアニメーション画像をボワ～と大きく変化させるアニメーション画像を右から左へスライドさせ入れ替えるアニメーション画像をクルッと縦に回転させるアニメーション ※jQuery導入方法の基本は過去にこちらの記事に書きましたのでご参考下さい。オンマウスで画像を切り替えるアニメーション DEMO　⇓ 1.

babomura 2014/06/06

jQueryマウスオーバーアニメーションのまとめ。

jQuery

リンク

『AmebaLoadingシャッター』

bloGebaこのサイトの推奨ブラウザは、GoogleChrom / Safari / FireFoxの最新版です。たぶんIE10でもいい感じよw ここで使ってるLoadingシャッターを、アメブロっぽく改造してみた。なかなかアメブロっぽくていい感じに仕上がったんだけど、作ってみたものの色合い的にたぶん設置しずらいだろうね。うん。無駄だね。まぁこんな感じでガチャンします。テストページはこっちだよ！使いたい人 <ＳＣＲＩＰＴ type="text/javascript" src="http://www.orientalstudio.jp/ameblo/commons/LS_a.js"><／ＳＣＲＩＰＴ> <ＳＣＲＩＰＴ type="text/javascript" >LS_a(30*1000);<／ＳＣＲＩＰＴ> ※ＳＣＲＩＰＴと／は半角英数字に直してねこれをフリープラグインに書い

babomura 2013/05/21

アメブロにページローディングのシャッターを設置する方法。

リンク

アメブロカスタマイズ図書館

アメブロカスタマイズ専門の情報サイトです。アメブロのCSS編集用デザイン(新CSS・旧CSS)をベースにした、CSSによるカスタマイズ方法をわかりやすく解説しています。カスタマイズが一発で決まるスキンも配布中。人気・おすすめ

babomura 2013/05/14

新スキンのHTML構造。

リンク

jQueryでFlashっぽいローディングを表示させられる「QueryLoader – preload your website in style」

twitter facebook hatena google pocket Flashでは、表示が重いときにローディング画像を見せることがあります。これをJavaScriptでも実現したのがjQuery「QueryLoader -- preload your website in style - Gaya Design」です。 sponsors 使用方法 QueryLoader -- preload your website in style - Gaya Designからファイルをダウンロードします。またjQueryからjquery.jsをダウンロードします。 <style> .QOverlay { background-color: #000000; z-index: 9999; } .QLoader { background-color: #CCC CCC; height: 1px