1

jQueryを使用して、ボタン効果、つまり、mouse_over、mouse_leave、mouse_clickを作成したいと思います。Visual Studio2012を使用してMVC4のActionLinkでリンクを記述しました。少し大きい画像に画像を変更したいので、マウスを離すと元の画像に戻り、リンクをクリックすると何らかの効果が得られます...

@Html.ActionLink(" ", "index1", "Home","index1", new {id="a1", @class="dashboard_function_icons"})

@Html.ActionLink(" ", "index2", "Home","index2", new {id="a2", @class = "dashboard_function_icons"})

@Html.ActionLink(" ", "index3", "Home","index3", new {id="a3", @class = "dashboard_function_icons"})

CSS CODE
---------
.dashboard_function_icons {

   display:block;
   height: 15px;
   width: 20px;
   padding-left: 80px;
   padding-bottom: 80px;
   margin-top:10px;
   margin-left:10px;
   float:left;
}

  #a1 {
    background: url("../Images/people.png") no-repeat;
  }

  #a2 {
    background: url("../Images/ball.png") no-repeat;
  }

  #a3 {
    background: url("../Images/save.png") no-repeat;
    }

 jQuery
 -------
 $(".dashboard_function_icons").hover(
        function () { $(this).},
        function () { $(this).;});
4

2 に答える 2

0

ホバーコールバック内で.addClassand関数を使用できます。.removeClass

于 2012-12-25T12:38:02.857 に答える
0

:hover 疑似クラスとスプライト画像で CSS を使用し、css を使用してバックグラウンドでスプライト画像を移動するだけで実現できます。この記事を見る

于 2012-12-28T18:53:01.650 に答える