首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在jQuery中使用精灵和渐变的悬停效果

在jQuery中使用精灵和渐变的悬停效果
EN

Stack Overflow用户
提问于 2010-08-19 16:20:09
回答 2查看 614关注 0票数 1

我很想知道这是如何实现的。我使用sprites进行悬停,通过改变标记悬停时图像的背景位置来改变按钮背景的外观和感觉。

但是,我如何使用jQuery才能正确地完成这项任务呢?

http://dragoninteractive.com/

非常感谢!

EN

回答 2

Stack Overflow用户

发布于 2010-08-19 16:29:02

我建议使用jQuery fadeIn() method

如果您将背景图像设置为灰色背景,然后在鼠标悬停时淡入另一张蓝色图像,您应该会得到您想要的效果。

票数 1
EN

Stack Overflow用户

发布于 2010-08-19 16:29:21

代码语言:javascript
运行
复制
$('yourelementselector').css('background-position', 'new value');

但是为什么要使用jQuery来更新背景位置呢?只需使用CSS:

代码语言:javascript
运行
复制
courselector:hover {
    background-position: newval;
}

编辑:哦,对不起。链接一开始没有加载。有一个jQuery插件或教程可以解释这个淡入淡出的动画!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3519904

复制
相关文章

相似问题

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