MouseEnter和MouseLeave on Image

-1

我以前见过这个问题，但是迄今为止我见过的解决方案都没有工作。MouseEnter和MouseLeave on Image

我试图简单地让图像在淡入淡出时淡出，淡出时不淡入淡出。以下是我的HTML代码片段：

<script type="text/javascript" src="js/tabs.js"></script> 

<ul> 
    <li> 
    <a href="#jenn"> 
     <img class="img-fade" src="img/team/jenn.jpg" alt="Jenn">Jenn 
    </a> 
    </li> 
</ul>

我有一些CSS，将.img-fade设置为opacity：0.5 ;.

然后我tabs.js文件看起来像这样：

$(document).ready(function() { 
    $('.img-fade').mouseenter(function() { 
     $('.img-fade').fadeTo('fast',1); 
    }); 
    $('.img-fade').mouseleave(function() { 
     $('.img-fade').fadeTo('fast',0.5); 
    }); 
});

我不知道为什么，这是行不通的。这看起来很简单。任何帮助将非常感激。谢谢！

来源

2013-07-29 MitulP91

你能在jsfiddle.net上设置演示吗？ – zaf

像这样的东西http://jsfiddle.net/sid2varun/NK3Tu/ –

难道你不能只使用CSS3过渡吗？ P.S .:似乎在你的jsfiddle上工作。（Google Chrome 28.x） – jmc

我试着用下面的参考代码将jQuery在标题：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

，效果不错！你还有问题吗？

来源

2013-07-29 16:25:33 stephaniemcastilla

是啊，仍然无法让它工作。一切对我来说都是正确的。 – MitulP91

啊，包括这些在内，他犯了一个愚蠢的拼写错误。哈！感谢Stephanie的帮助。 – MitulP91

MouseEnter和MouseLeave on Image

回答

相关问题