首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery-如何在背景上显示加载图标时使其灰显

Jquery-如何在背景上显示加载图标时使其灰显
EN

Stack Overflow用户
提问于 2015-03-09 04:56:23
回答 1查看 106.6K关注 0票数 25

当用户点击submit按钮时,我试图使背景变灰,并在灰色背景上显示加载图标。

下面是我想要显示的图标,但是我不能显示动画,这个图标只是静止不动。

下面是我的html:

代码语言:javascript
运行
复制
 <div class="container"></div>
 <div id="loading-img" style=" z-index: 20;display:none;"></div>
 <button id="button">Submit</button>

JS:

代码语言:javascript
运行
复制
 $("#button").click(function() {
    $("#container").css("opacity",0.5);
    $("#loading-img").css({"display": "block"});
}

我不确定如何确切地使用css来使图标在灰色背景上显示动画。有什么想法吗??编辑:

小提琴:http://jsfiddle.net/hnk6bLbt/1/

谢谢!

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

https://stackoverflow.com/questions/28931791

复制
相关文章

相似问题

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