2

これはちょっと奇妙です。ソーシャル ボタンの上にカーソルを合わせると、ソーシャル アイコンが表示されるはずです。これは機能しますが、ホバーがちらつきます。

スクリーンキャストをキャプチャしたので、視力が悪いわけではありません。:) http://www.youtube.com/watch?v=4GDcfsG6Frg&feature=youtu.be

htmlは次のようになります

<div  class="social">Be Social!</div>
<div class="socialBttn">
    <ul>
        <li><img src="<?= base_url('assets/img/facebook.png') ?>" alt="" /></li>
        <li><img src="<?= base_url('assets/img/twitter.png') ?>" alt="" /></li>
        <li><img src="<?= base_url('assets/img/link.png') ?>" alt="" /></li>
        <li><img src="<?= base_url('assets/img/google.png') ?>" alt="" /></li>
    </ul>
</div>

jqueryは次のようになります

$(".social").hover(function () {
   $(".socialBttn").toggle();
});

どんな助けでも素晴らしいでしょう！

4

2 に答える 2

1

CSS代わりに同じことを書いてみませんかjQuery

div hover. 波及効果が見られます。

.social + .socialBttn{
    display: none;
}

.social:hover + .socialBttn{
   display: inline-block;
}
于 2013-08-07T23:31:52.060 に答える
0

これは、 を介して各ミニ画像を表示するように設定したときに$.toggle()、マウスをこれらの画像の 1 つに合わせると、div でホバー イベントが再びトリガーされ.social、新しい要素の 1 つにホバーするためにもう一度トリガーされるためです。内部.socialdiv。

于 2013-08-07T23:32:42.400 に答える