0

基本的に、左側の縦の列にあるリンクにカーソルを合わせて、右側にパネルのポップアップを表示できるようにしたいと考えています。これが私が達成しようとしていることのスクリーンショットです。繰り返しになりますが、私はJQueryに関しては完全な初心者なので、これを行うための厳密なcss3の方法があれば、私はすべての耳です。

http://flic.kr/p/cTsG9E

4

2 に答える 2

1

CSS3トランジションでこれを行う方法はおそらくあります。これらは、すべてのブラウザでサポートされているとは限りません。

最も簡単なのはjQueryを使用することです。

<a id="trigger-link">Hover Over Me</a>
. . . 
<div id="target" style="display: none">I should not be using inline styles</div>

次に、JSで:

$("#trigger-link").hover(function() {
    $("#target").show();
}, function() {
    $("#target").hide();
});

これは非常に単純な例です。しかし、それは始めるのに良い場所であるはずです。

于 2012-08-17T16:16:51.300 に答える
1

クロスブラウザアニメーションを簡単に作成するには、jqueryアニメーションも参照してください。

http://api.jquery.com/animate/

于 2012-08-17T17:17:28.643 に答える