首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >点击鼠标,鼠标点击1张图片

点击鼠标,鼠标点击1张图片
EN

Stack Overflow用户
提问于 2015-12-25 02:11:52
回答 3查看 110关注 0票数 0

如果我有10个图片,我需要做鼠标对,鼠标出来,并使用点击改变图像和在第二次点击返回回来,,但没有任何特殊的id任何图像?你能帮忙吗!

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-12-25 04:25:51

你可以用“这个”选择器

代码语言:javascript
运行
复制
$('img').hover(function(){
    // Code to do when is mouse over (Mouse Enter)
    $(this).attr("src", urlImage);
},function(){
    // Code to do (Mouse Leave)
    $(this).attr("src", AnotherUrlImage);
});

这是单击切换图像的正确脚本。

代码语言:javascript
运行
复制
$("img").one("click", click1);

function click1() {
    $(this).attr("src", "URLIMAGE2");
    $(this).one("click", click2);
}
function click2() {
    $(this).attr("src", "URLIMAGE2");
    $(this).one("click", click1);
}
票数 4
EN

Stack Overflow用户

发布于 2015-12-25 02:28:16

在jQuery中,可以使用以下选择器向每个<img>添加一个函数:

代码语言:javascript
运行
复制
$('img').onclick(function(){
    //Some code
});
票数 1
EN

Stack Overflow用户

发布于 2015-12-25 04:47:19

您可以在单击图像时使用.toggle()进行此操作。

代码语言:javascript
运行
复制
$('img').toggle(function() {
    $(this).attr("src", BackImage);
    }, function() {
      $(this).attr("src", FrontImage);
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34459463

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档