人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

詳細を知りたい時などにクリックすると下に広がるスタイルシートの記述を教えてください。例)http://sublink.ca/icons/ の「+more」部分

●質問者: ukiuki
●カテゴリ:ウェブ制作
✍キーワード:MORE クリック スタイルシート 記述
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●60ポイント ベストアンサー

きっと知りたいのはスタイルシートじゃなくてJavaScript(JS)のことだと思います。

例に出されたサイトではjQueryというJSライブラリを使ってJSからCSSの値を書き換えて制御しています。

<!DOCTYPE html>
<html>
<head>
 <style>
 p { width:400px; }
 </style>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button>Toggle</button>

 <p>
 This is the paragraph to end all paragraphs. You
 should feel <em>lucky</em> to have seen such a paragraph in
 your life. Congratulations!
 </p>
<script>
 $("button").click(function () {
 $("p").slideToggle("slow");
 });
</script>
</body>
</html>

サンプルのままですが、こういう感じです。

このリンク先に命令の一覧とサンプルがあるのでご覧になって下さい。

◎質問者からの返答

詳細な回答 ありがとうございます!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ