Question

我的页面有一个包含更多列和行的表。每个行和列都有一个小图像。 for循环用于调用images.i想在悬停时弹出图像.. 提前谢谢..有可能吗？

Answer 1

我可以想象这样的事情：

$(".image").hover(function(){
    //display bigger image here
}, function() {
    //hide it here
});

另外，您可以使用CSS :hover

Answer 2

是的，这是可能的。

使用JQuery鼠标悬停事件：http://api.jquery.com/mouseover/

一个弹出式插件，如大胆的弹出窗口：http://dimsemenov.com/plugins/magnific-popup/

Answer 3

$（ “身”）。在（ '鼠标悬停'， '＃image_id'，函数（）{

//弹出图片。

}）;

Answer 4

简单您可以像这样使用jquery悬停功能

$('img').hover(function(){

    $(this).css('width' , '500px');
    $(this).css('height' , '500px');
},function(){

    $(this).css('width' , '200px');
    $(this).css('height' , '200px');
})

这是图像的HTML代码

<div id="main_container">
    <div id="div1">
        <img src="img/angelinasmall.jpg" style="width: 200px; height: 200px;" />
    </div>
    <div id="div2">
        <img src="img/hayden.jpg" style="width: 200px; height: 200px;" />
    </div>
    <div id="div3">
        <img src="img/milla.jpg" style="width: 200px; height: 200px;"/>
    </div>
</div>

如何在悬停时弹出图像？

4 个答案: