Javascript 将不透明度设置为30%，持续时间为0.5s

我的任务是在鼠标悬停时将缩略图设置为不透明度30%，持续时间为0.5秒。我对这个很陌生，不确定我是否做对了。有人能建议我在js文件中使用代码吗

$（文档）.ready（函数（）{
//将悬停处理程序添加到链接
$（“#imageCS”）。悬停(
函数（）{//当鼠标指针位于链接上方时
//使链接内的图像透明
$（this）.find（“images/boxImage1”）.animate(
{不透明度：“0.3”}，
{持续时间：500}
);
},
函数（）{//当鼠标指针移出链接时
//将图像恢复到以前的状态
$（this）.find（“images/boxImage1”）.animate(
{不透明度：“1”}，
{持续时间：300}
$（文档）.ready（函数（）{
//将悬停处理程序添加到链接
$（“#imageCS”）。悬停(
函数（）{//当鼠标指针位于链接上方时
//使链接内的图像透明
$（this）.find（“images/boxImage2”）.animate(
{不透明度：“0.3”}，
{持续时间：500}
);
},
函数（）{//当鼠标指针移出链接时
//将图像恢复到以前的状态
$（this）.find（“images/boxImage1”）.animate(
{不透明度：“1”}，
{持续时间：300}
$（文档）.ready（函数（）{
//将悬停处理程序添加到链接
$（“#imageCS”）。悬停(
函数（）{//当鼠标指针位于链接上方时
//使链接内的图像透明
$（this）.find（“images/boxImage1”）.animate(
{不透明度：“0.3”}，
{持续时间：500}
);
},
函数（）{//当鼠标指针移出链接时
//将图像恢复到以前的状态
$（this）.find（“images/boxImage3”）.animate(
{不透明度：“1”}，
{持续时间：300}

TMA
发现UniSIM的优势
你是否准备好向更多的可能性敞开心扉，给自己提供你一直想要的机会，并满足你对知识的渴望？无论是什么，无论是给自己职业生涯的第二次机会，还是为自己和你所爱的人提供更好的生活，与UniSIM的继续教育都会让你达到目的。
无论您的目标、背景或人生阶段如何，我们都相信您，我们将为您提供现实世界的知识和实践技能，让您在生活和所选职业中脱颖而出

发现
我们拥有50多个不同学科的学位课程，致力于培养学生在其行业中的竞争优势。探索我们五所学校提供的课程，开始您的学习之旅

节目
SIM大学（UniSIM）为离校生提供政府资助的全日制直接荣誉课程。全日制学位通常可在4年内完成，但最长申请期限为6年

教育类
多媒体技术与设计

代码
名称
信用单位
时间表
ICT271
C++编程入门技巧
5.
第1学期第1周星期四
MTD105e
数码摄影技术
5.
星期五/第2周/学期1
MTD111e
创意设计基础
5.
星期三/第1周/学期1
MTD113e
媒体史
5.
第二学期第1周星期三
MTD201e
图形设计基础
5.
星期二/第一周/第一学期
MTD203e
高级图形设计
5.
星期二/第2周/第2学期
MTD205e
音频技术
5.
星期三/第1周/学期1
MTD207e
视频技术
5.
第二学期第1周星期三
MTD215
C++在多媒体中的应用
5.
第二学期第1周星期三
重置
&版权所有。| SIM大学

还没有测试过，但我想您会想要这样的东西：

$(".imageCS").mouseover(function(){
  $(this).animate({
    opacity: 0.3
  }, 500 );
});

$(".imageCS").mouseout(function(){
  $(this).animate({
    opacity: 1
  }, 300 );
});

由于

imageCS

是一个类，因此您希望将JQuery选择器设置为

.imageCS

，而不是

#imageCS

（将用于div id而不是类）。此外，由于它是一个类，这意味着您可以使用该类一次访问所有图像，而不必分别为每个图像执行鼠标悬停事件。而且您不必查找图像url，只需查找图像标记本身，因此只需执行

而不必执行
。查找
即可

此外，如果您可以访问CSS，我会使用CSS3转换（与上面提出的JQuery/JS解决方案相反）在那里执行这些悬停事件。在我看来，这会更简单、更干净。
还没有测试过它，但我想您会想要这样的东西：

$(".imageCS").mouseover(function(){
  $(this).animate({
    opacity: 0.3
  }, 500 );
});

$(".imageCS").mouseout(function(){
  $(this).animate({
    opacity: 1
  }, 300 );
});

由于
imageCS
是一个类，因此您希望将JQuery选择器设置为
.imageCS
，而不是
#imageCS
（将用于div id而不是类）。此外，由于它是一个类，这意味着您可以使用该类一次访问所有图像，而不必分别为每个图像执行鼠标悬停事件。而且您不必查找图像url，只需查找图像标记本身，因此只需执行
而不必执行
。查找
即可。