Home > 特殊効果 > 必要のないときはコードを隠してエントリをすっきりさせるjavascript活用術

必要のないときはコードを隠してエントリをすっきりさせるjavascript活用術

DevthoughtのブログでCSSやJavascriptの記事が書かれていました。けれども肝心のコードが見当たりません。

“Click here to see HTML code”という気になる部分にマウスオーバーすると･･･。

アイコンがちょこっと動いて、そこに何かがあることを知らせてくれます。実はこの部分をクリックして初めてコードが登場します。

コードが長いと文章が見にくくなってしまいますが、こうやって要らないときは隠しておけばエントリー全体がすっきりして内容をざっと把握できますね。

JavascriptやCSSの記事でコードは重要なポイントとなりますが、普段は隠す、でも見たいときにはアニメーションで強調、という新しい切り口です。

ちなみに、アニメーションを実現しているjavascriptは、ライブラリを使わず自前で用意されてるようでした。もしライブラリを使って実装したいという方はscript.aculo.usのEffect.SlideDowｎとEffect.SlideUPが使えそうですね。

Comments:0

Trackback URL for this entry: http://www.simplexsimple.com/archives/2007/05/javascript_3.html/trackback
Listed below are links to weblogs that reference: 必要のないときはコードを隠してエントリをすっきりさせるjavascript活用術 from SIMPLE*SIMPLE ～ Web職人のための小粋なネタ帳

Home > 特殊効果 > 必要のないときはコードを隠してエントリをすっきりさせるjavascript活用術

ブログ内検索

百式ジョブボード（求人情報）

TwitterCounter

人気の記事

Powered by …

『IDEA*IDEA』のユーザビリティは、ユーザー中心のウェブサイト構築を手がけるビービット社によって検証・改善されています。

いろいろ

誠Biz.IDの「Webサービス図鑑」を応援中です！

人気の商品

楽ワード

モバイル版

最近の記事

カテゴリー一覧

過去記事一覧

Return to page top