2

1 つの Div にカーソルを合わせたときに、ページ上の他の Div のサイズを変更するにはどうすればよいですか?

私がどのように行うかを理解しようとしている最終結果は、以下に非常に大雑把に説明されています。

次のようなコンテンツを含むdivのページがあるとしましょう

▀ ▀ ▀ ▀

▀ ▀ ▀ ▀

▀ ▀ ▀ ▀

div にカーソルを合わせると、div は次のように変わります。

██▪▪▪

▪▪▪▪

▪▪▪▪

基本的に、これを完了するための最良の方法は何か、誰かが私を正しい方向または前のスレッドに向けることができるかどうか疑問に思っています.

ありがとう

4

3 に答える 3

0

一部のjQueryを使用すると、かなり高速になるはずです。

与えられた HTML:

<div id="content">
    <div></div>
    <div></div>
    [ ... ]
</div>

そしてCSS

#content div{
    width:100px;
    height:100px;
    display:inline-block;
    background:#444;
    margin:10px 12px;
}
#content .small{
    width:70px;
    height:70px;
    margin:25px 27px;
}

この小さな jQuery を使用します。

$("#content div").hover(function(){
    $(this).siblings().addClass("small");
    $(this).removeClass("small");
     /* This can easily be straight JavaScript if your prefer */
});

そして、これを入手してください：http://jsfiddle.net/daCrosby/2KrmD/

于 2013-07-17T02:56:43.443 に答える