Question

我希望能够淡出这个课程

<h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2>

并淡出这个

<h2 class="care-home-fees-over"><a title="Care Home Fees" href="#">Text</a></h2>

请注意，有两个单独的图像

这是我目前的标记似乎无法正常工作

$(document).ready(function(){  

$("h2.care-home-fees").hover( 
  function () {
    $(this).addClass("care-home-fees-over");
  },
  function () {
    $(this).removeClass("care-home-fees");
  }
);  

});

和任何更改前打印的按钮

<h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2>

Answer 1

您可能需要.animate()而不是.addClass()或.removeClass()。

你想用CSS类做什么是在JQuery UI中。

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

Answer 2

您需要使用jQuery UI。我会引用你的文档（here），但它现在似乎已被打破。您将需要使用那里提到的addClass和removeClass方法（而不是默认的jQuery方法）。

编辑：请参阅Daniel的链接！

Answer 3

首先你需要下载jquery 我有jquery-1.3.2.min.js，但如果您想要最终版本jQuery 1.4.1

更改<h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2> 到

<h2 class="care-home-fees"><a id="j" title="Care Home Fees" href="#">Text</a></h2>

你必须在你的html中添加jquery文件。我在下面添加了它::

//this is the start of the head
<head runat="server">
    <title></title>
// i added jquery-1.3.2.min.js file here
    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>

<script>
  $("h2").click(function () { 
  $(document.getElementById('j')).fadeOut("slow");
$("a:hidden:first").fadeIn("slow");
  });
  </script>

//this is the end of the head
</head>

我希望它有效..

Answer 4

$(document).ready(function(){

         $('#wm').hover(function(){
            $('#wm .bld').stop().fadeTo(300, 0);
         }, function(){
            $('#wm .bld').stop().fadeTo(300, 1);
         });

         $('#ch').hover(function(){
            $('#ch .bld').stop().fadeTo(300, 0);
         }, function(){
            $('#ch .bld').stop().fadeTo(300, 1);
         });
});

在jquery中的两个类之间淡入淡出

4 个答案: