GX - Full-Featured Javascript Animations Framework JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ。 jQueryと組み合わせて使うアニメーションライブラリです。 jQueryやscript.aculo.usにもアニメーション機能は備わっているけど、ここまでではないというアニメーションに特化したアドオンです。 勿論、jQuery単体でも、組み合わせて実現できるのかもしれませんがアニメーションに特化している分簡単に出来ます。 以下でその凄さが分かるはず $('#el1').gx({'width': 200, 'height': 200, 'border-width': 8}, 2000, 'Linear', function(el) { el.html('Completed!'); });
青山テルマを目標にアンサーコードアンサーソース（笑） 元ネタ： http://techblog.yahoo.co.jp/cat207/how_to/javascript/ <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>CCSの不思議な面白さ</title> <style type="text/css"> fieldset#f1,fieldset#f2{ position:relative; border-style:none; padding:0;width:20em; display:block; } label#q_label{ position:absolute; font-size:x-small; display:bl
追記: jQueryプラグイン版も書きました JavaScript の不思議な面白さ (Yahoo! JAPAN Tech Blog)の実装方法もコードもアレなので自分なりに再実装してみた。 まずHTML デフォルトで表示しておく説明文ってtitle属性そのものだと思ったわけです。説明文っていうかタイトルな気がするし。 で、書いたHTMLはこんだけ。ロジックは全部外部JavaScriptファイルに書きます。 <form> <input type="text" name="q" title="検索語を入力" class="add-default-text" /> <input type="submit" value="検索" /> </form> ちなみにYahoo! JAPAN Tech Blogさんでは、 <input (中略) description="ここで検索！"> なんて書いちゃ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
