テキストの冒頭のみが表示された状態のキャプチャ それぞれ「Read More」をクリックすると、残りのテキストがアニメーションで表示されます。 実装 HTML HTMLはシンプルで、テキストと「Read More」ボタンをdiv要素内に配置します。 <div class="sidebar-box"> <p>パネルのテキスト</p> <p class="read-more"><a href="#" class="button">Read More</a></p> </div> CSS パネルの初期状態のサイ... > このページを見る
最終更新時間:
2010年12月14日09時03分
みんなのブックマーク 人気(0) 新着
- カッコイイ!自サイトに導入する
- よろしい
- テキストの一部のみ最初に表示し、残りをアニメーションで表示
- 見てる:
- テキストの一部のみ最初に表示し、残りをアニメーションで表示するスクリプト
- ボックス内のコンテンツが多い時に使えるかも??
- http://css-tricks.com/text-fade-read-more/
-
なにかにつかえそう RT [JS]テキストの一部のみ最初に表示し、残りをアニメーションで

![[JS]テキストの一部のみ最初に表示し、残りをアニメーションで表示するスクリプト | コリス [JS]テキストの一部のみ最初に表示し、残りをアニメーションで表示するスクリプト | コリス](http://screenshot.hatena.ne.jp/images/200x150/f/7/e/f/a/115e01e6784de3e20223dee1c2a6d20673c.jpg)






