jQuery/javascript中图像的悬停效果

在提供帮助之前，我知道CSS要容易得多，但请不要给出CSS解决方案，因为我被告知只接触.js文件。

我不确定我的代码中有什么错误，因为我已经在网上搜索过了，这是我认为我应该在我的代码中使用的，但是我的图像没有我想要的透明度和持续时间效果

下面是javascript所涉及的HTML的一部分：

<div id="content">
    <div id="myCols" class="container">
        <div class="col1">
            <img src="images/boxImage1.jpg" class="imageCS"/>
        </div>
        <div class="col2">
            <img src="images/boxImage2.png" class="imageCS"/>
        </div>
        <div class="col3">
            <img src="images/boxImage3.jpg" class="imageCS"/>
        </div>
    </div>
</div>

---

我不确定是哪里出了问题，因为效果根本没有发生。

在元素选择中丢失，您可以使用

mouseover

和

mouseout

$（'.imageCS'）.mouseover（函数（）{
$（this.css（'opacity'，'.2'）；
}).mouseout（函数（）{
$（this.css（'opacity'，'1'）；
});

$（“.imageCS”）
-一个类需要一个点，另一个类需要一个点id@dusan乔瓦诺夫感谢您的输入，但是悬停效果对我来说仍然不起作用。这对我来说很有效：
$（document.ready（function（）{$（“.imageCS”）.hover（function（）{$（This.animate）（{“opacity”：0.3}，500）}，function（）{$（this）.animate（{“不透明”：1}，500）}）；}）<代码>
抱歉，阿夫南，但对于这种情况，我必须使用悬停和悬停。我要用鼠标悬停代替鼠标盖吗？此外，我不允许使用CSS。我还想用$（this.css）吗？@lala告诉你只接触.js文件，所以这与.css文件无关。您可以在js文件中使用它。
$(document).ready(function()
{


    $("imageCS").hover(function()

        //hover over opacity 30% at 0.5 sec
        $(this).stop().animate({opacity: "0.3"}, "0.5"); 
    ),

    function()
    (
        //hover out opacity 100% at 1 sec
        $(this).stop().animate({opacity: "1"}, "1"); 
    )




});