0

私のcssは：

.jokesmenu  li a:hover {
    background-color: #35afe3;
    background-image:-webkit-gradient(
        linear, 
        left top, 
        left bottom, 
        from(rgb(69, 199, 235)),
        to(rgb(38, 152, 219))
    );
background-image:-webkit-linear-gradient(
        top, 
        rgb(69, 199, 235), 
        rgb(38, 152, 219)
    );
    background-image:-moz-linear-gradient(
        top,
        rgb(69, 199, 235), 
        rgb(38, 152, 219)
    );
background-image:-o-linear-gradient(
        top, 
        rgb(69, 199, 235), 
        rgb(38, 152, 219)
    );
    background-image:-ms-linear-gradient(
        top, 
        rgb(69, 199, 235), 
        rgb(38, 152, 219)
    );
background-image:linear-gradient(
        top, 
        rgb(69, 199, 235), 
        rgb(38, 152, 219)
    );
    filter: progid:DXImageTransform.Microsoft.gradient(
        GradientType=0,
        StartColorStr='#45c7eb', 
        EndColorStr='#2698db'
    );
color:#fff;
    list-style:none;
    text-decoration:none;
}

htmlは次のとおりです。

<ul class="jokesmenu">
            <li class="jokesmenu"><a href="http://www.domain.com/jokes_sms/">SMS<span><?php echo $jokes_sms; ?></span></a>    </li>

</ul>

上記の css を使用してメニューをホバーするにはどうすればよいですか? 私はジョークメニューをliとして使用しました。

4

2 に答える 2

0

正確に何をしようとしていますか？リスト内のリンクにカーソルを合わせると、そのリストの背景が変更されますか?

その場合は、li から「jokesmenu」クラスを削除して、2 つの CSS ルールを設定してみてください。

ul.jokesmenu { background: #eee; }
ul.jokesmenu li a:hover > ul.jokesmenu { background: #000; }

<ul class="jokesmenu">
<li><a href="#">Link</a></li>
</ul>

したがって、リンクにカーソルを合わせると、リストの背景が変更されるはずです。それが役立つことを願っています。

于 2012-10-08T21:17:15.567 に答える
-1

liをアクティブまたはホバーステージにしたい場合。次に、jqueryを実行する必要があります

$("li a").hover(
  function () {
    $(this).parent('li').addClass('active');
  }, 
  function () {
    $(this).parent('li').removeClass('active');
  }
);
于 2012-10-09T11:49:07.670 に答える