jquery中的图像翻转效果？答案

【问题标题】：image rollover effect in jquery?jquery中的图像翻转效果？
【发布时间】：2010-06-22 06:11:35
【问题描述】：

这是我的代码-

$('.smenu li').mouseover( function(){
        var src = $(this).find('a').attr('href');
        $('.hbg').css('background-image', 'url(' + src + ')');
        });

html代码-

<div class="smenu">
                <ul>
                  <li ><a href="images/hosp.jpg"><img src="images/menu_hosp.jpg" border="0"></a></li>
                  <li ><a href="images/edu.jpg"><img  src="images/menu_edu.jpg" border="0"></a></li>
                  <li ><a href="images/enter.jpg"><img  src="images/menu_enter.jpg" border="0"></a></li>
                  <li ><a href="images/retail.jpg"><img  src="images/menu_retail.jpg" border="0"></a></li>                    
                </ul>
              </div>

这很好，但是我如何在图像更改期间设置一些翻转效果，因为现在它只是通过鼠标悬停来更改背景图像，我想要一些淡入淡出或其他东西。 ..

【问题讨论】：

标签： jquery image onmousemove fadein fadeout

【解决方案1】：

我以前遇到过这样的问题。您需要获取当前显示的图像并将其放入背景中。然后在背景上注入一个 img 标签（隐藏），将下一张图像加载到图像标签中，然后淡入。这应该给你一个相当简单的过渡。

从那里你可以看到在图像中滑动以获得更花哨的东西。

【讨论】：