首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery PNG透明MouseHover

jQuery PNG透明MouseHover
EN

Stack Overflow用户
提问于 2012-03-12 18:37:20
回答 2查看 451关注 0票数 0

我有以下问题。我有一个像这样的团队页面的例子:http://www.social-markets.de/social-commerce-team.html小圆圈团队图片,并希望通过jQuery添加一个MouseHover透明的PNG图像与粉红色的小圆圈底部。有谁有主意吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-03-12 18:40:56

通过CSS (display:none)隐藏附加信息,并将其切换到悬停状态。某事物如:

代码语言:javascript
运行
复制
$('.elementWithExtra').hover(function(){
$(this).children('.extra').toggle();
}, function(){
$(this).children('.extra').toggle();
});

请参阅:http://api.jquery.com/hover/http://api.jquery.com/toggle/

票数 0
EN

Stack Overflow用户

发布于 2012-03-12 18:41:03

代码语言:javascript
运行
复制
$(".imgDiv").mouseover(function(){
  $(this).children(".hiddenImgDiv").show();  
}).mouseout(function(){
  $(this).children(".hiddenImgDiv").hide();  
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9665505

复制
相关文章

相似问题

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