bata's log

フロントエンド系のTipsとかメモ

2014-07-08から1日間の記事一覧

フェード付きの画像ロールオーバーを作ってみた

画像のロールオーバーでフェードエフェクトがついたものを書いてみた。 ロールオーバー用のクローン画像を生成して元画像の後ろに配置して、元画像をフェードすることで効果を出します。 汎用性が出るように画像と親要素に直接CSSが付加されるようにしていま…

オブジェクト指向の書き方

オブジェクト指向の書き方を練習するために前に作ったやつ。 HTML <div id="wrap"></div> JavaScript (function($){ var n = 99; var wrap = $('#wrap'); var Box = function(i,selector, x, time){ this.i = i; this.x = i*10; this.selector = selector; this.time = time; this…