2

これは、django + javascript に関する一般的な質問のようなものです。たとえば、5 つのニュースがあり、それぞれにタイトル、テキスト、画像があります。Web ページでは 5 つの画像すべてが表示されますが、1 つのテキストと 1 つのタイトル (最新ニュース用) のみが表示されます。

今私がしたいのは、マウスカーソルをニュースの画像の上に置くと、最新のニュースのタイトルとテキストの代わりにタイトルとテキストが表示されることです。どうやってするか？私は完全な解決策を探しているわけではありません (それはあまりにも美しいでしょう:)が、どこを見ればいいのかいくつかのヒントがあります。

私は Javascript が必要だと思います (そして Web は django で書かれました) が、それ以外に何がありますか? 誰でも私にアドバイス、リンクの仕方などを教えてもらえますか? 私は非常に感謝されます。

4

1 に答える 1

0

またはその他の要素で他の 4 つのニュース項目を生成する場合、そのコンテンツの一部を非表示divにするクラス スタイルをそれに適用できます。display: none次に、jQuery（または必要に応じてプレーンな古いJavaScript）を使用して、マウスオーバーでそのコンテンツを表示できます。

このようなもの：

$('img').mouseover(function(){
    var item_num = $(this).data('news-item');
    $('hidden' + item_num).show();
});

これは、次のような HTML があることを前提としています。

<img src='' data-news-item='2'>
<div class='hidden2'> 
    <span id='title2'> Hi There </span> 
    <span id='text2'> ..article.. </span>
</div>

これは非常に基本的なアプローチであり、はるかに優れた方法で実行できます。しかし、それはあなたが必要とするジャンプを得るはずです.

于 2011-02-21T13:43:30.740 に答える