Javascript jquery使图像淡入淡出，但鼠标悬停的图像除外 $（“.playtumb”）.fadeTo（“正常”，1）； $（“.playtumb”）.hover（函数（）{ $（“.playtumb”）.not（$（this））.fadeTo（“fast”，0.3）；}，函数（）{ $（“.playtumb”）。不是（$（this））。法德托（“fast”，1）； });_Javascript_Jquery_Html

Javascript jquery使图像淡入淡出，但鼠标悬停的图像除外 $（“.playtumb”）.fadeTo（“正常”，1）； $（“.playtumb”）.hover（函数（）{ $（“.playtumb”）.not（$（this））.fadeTo（“fast”，0.3）；}，函数（）{ $（“.playtumb”）。不是（$（this））。法德托（“fast”，1）； });

javascript jquery html

Javascript jquery使图像淡入淡出，但鼠标悬停的图像除外 $（“.playtumb”）.fadeTo（“正常”，1）； $（“.playtumb”）.hover（函数（）{ $（“.playtumb”）.not（$（this））.fadeTo（“fast”，0.3）；}，函数（）{ $（“.playtumb”）。不是（$（this））。法德托（“fast”，1）； });,javascript,jquery,html,Javascript,Jquery,Html,图像会出现，但什么也不会发生，只要鼠标在图像上移动，其他图像就不会褪色。使用.mouseover（）事件，然后尝试执行以下代码 <!DOCTYPE html> <html> <head> <script> $(".playThumb").fadeTo("normal", 1); $(".playThumb").hover(function() { $(".pl

图像会出现，但什么也不会发生，只要鼠标在图像上移动，其他图像就不会褪色。

使用.mouseover（）事件，然后尝试执行以下代码

<!DOCTYPE html> 
<html> 
<head> 
    <script>
       $(".playThumb").fadeTo("normal", 1);

        $(".playThumb").hover(function() {
                      $(".playThumb").not($(this)).fadeTo("fast", 0.3); },
      function() {
                      $(".playThumb").not($(this)).fadeTo("fast", 1);
                 });
         </script>

<body> 
<a href="#"><img src="artistry.png" class="playThumb" />
<a href="#"><img src="flavour.png" class="playThumb" />
<a href="#"><img src="quality.png" class="playThumb" />
<a href="#"><img src="Style.png" class="playThumb" />
</body> 
</html>

在

部分中包括jQuery库

在DOM就绪函数中添加JS代码

  $(document).ready(function () {

            $(".playThumb").hover(function () {
                $(".playThumb").not($(this)).fadeTo("fast", 0.3);
            }, function () {
                $(".playThumb").not($(this)).fadeTo("fast", 1);
            })
   });


$（文档）.ready（函数（）{
$（“.playtumb”）.fadeTo（“正常”，1）；
$（“.playtumb”）.hover（函数（）{
美元（“.playtumb”）。不是（$（this））。法德托（“fast”，0.3）；
},
函数（）{
$（“.playtumb”）。不是（$（this））。法德托（“fast”，1）；
});
});

您的HTML没有结尾标记

您的代码正在运行，请参见。确切的问题是什么？将代码添加到

$（document）.ready（function（）{…}）是否在代码中添加了jquery库？？刚刚用.mouseover（）替换了.hover（）。没有发生任何事情，页面保持静态，显示图像。
<script>
    $(document).ready(function(){
       $(".playThumb").fadeTo("normal", 1);

       $(".playThumb").hover(function() {
             $(".playThumb").not($(this)).fadeTo("fast", 0.3); 
       },
       function() {
           $(".playThumb").not($(this)).fadeTo("fast", 1);
       });
    });
</script>