0

私はいくつかの記事と関連記事を表示するためのウェブページを構築しています。news.google.comに表示されるものと同様のものを作成したい

私がやっていることよりも良い方法があると強く感じているので、ここに来て提案をしてください。

現在、私のhtmlコードは次のようなものです。

<table>
 <tr>
  <td><a href="article.htm">{{ArticleHeading}}</a> <br/> {{ArticleSynopsis}}</td>
  <td>{{ArticleSource}}</td>
  <td>{{ArticleDate}}</td>
 </tr>
</table>

また、マウスをホバリングすると行の色が変わります。

.table-hover  {
    background-color:#FFE292;
    border:1px solid #DD9946;
    color:#000000;
}

私が欲しいものとそれを行う方法を理解できないもの：

1.ユーザーが（見出しだけでなく）どこかで行をクリックすると、テーブルが展開され、関連記事を含む別のサブテーブルが表示されます。

2.可能であれば、テーブルが展開されるとホバリング効果が停止します。

http://twitter.github.com/bootstrap/javascript.htmlからアコーディオンの例をすでに見ました

それは私の要件を満たしていません。

不明な点がある場合や、この質問の範囲が非常に広い場合は、お知らせください。私はあなたのそれらの懸念に対処したいと思います。

4

1 に答える 1

0

news.google.comの外観を実現するのに役立つ何かを見つけました http://jqueryui.com/addClass/

また、このページには、私のようなjQuery初心者向けの非常に優れた学習リソースがあります。

http://docs.jquery.com/Main_Page

于 2013-03-25T15:55:24.543 に答える