结合两个或更多功能

我有10个图像，每个都有一个1-10级如何让这个功能适用于每个班级？与class =“1”一起工作良好。只是不确定如何将它们添加到一起？结合两个或更多功能

<body> 
<div> 
    <img src="img/13-01_basic_hover.jpg" class="1" width="220" height="184" title="huge, gigantic"> 
    <img src="img/13-01_basic_hover.jpg" class="2" width="220" height="184" title="Number 2"> 
</div> 
<div class="project"></div> 
<script> 
var title = $(".1, .2").attr("title"); 
$(".project").text(title); 
$(document).ready(function() { 
    $(".project").fadeTo(0,0); 
    $(".1, .2").hover(
     function() { 
      $(".project").stop(true).fadeTo("normal",1); 
     }, 
     function() { 
      $(".project").fadeTo("normal",0); 
     } 
    );  
}); 
</script> 
</body>

来源

2012-02-28 Scott Pedder

检查http://jsfiddle.net/skram/qQANX/ - >我刚刚将我的代码替换在那里.. – 2012-02-28 22:46:25

只需将其添加为一个逗号分隔值，

$(".1, .2, .3, .4, .5, .6, .7, .8, .9, .10").hover(
    function() { 
    $(".project") 
     .text(this.title) 
     .stop(true).fadeTo("normal",1); 
    }, 
    function() { 
    $(".project").fadeTo("normal",0); 
    } 
);

或添加其他类的元素，并将它们组，然后就可以了，

$(".grouped").hover(
    function() { 
    $(".project") 
     .text(this.title) 
     .stop(true).fadeTo("normal",1); 
    }, 
    function() { 
    $(".project").fadeTo("normal",0); 
    } 
);

来源

2012-02-28 21:54:57

谢谢，我已经试过了。但是当我将鼠标悬停在第二张图像上时，我从图像中获得了标题？ – 2012-02-28 22:01:38

@ScottPedder那是因为你有外面的标题集。检查我的编辑代码。 – 2012-02-28 22:05:06

谢谢，但同样的故事？我想为每个图像保留一个单独的类名称？ – 2012-02-28 22:20:10

类的名字开始与数字无效。你应该改变这一点。

无论如何，类名通常用于选择项目组。只需为所有商品添加第二个类名称，然后使用该名称而不是.1。

来源

2012-02-28 21:56:36

Thankyou，但仍然显示图像的标题，当我悬停在图像2？ – 2012-02-28 22:21:58

结合两个或更多功能

回答

相关问题