jquery-ui – 使用jQuery,我如何灰色和禁用网页,然后显示某种微调的顶部?

前端之家收集整理的这篇文章主要介绍了jquery-ui – 使用jQuery,我如何灰色和禁用网页,然后显示某种微调的顶部?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我还是漂亮的“绿色”,当谈到Web开发和javascript / jQuery编程,所以任何帮助是赞赏。这里是我想做的。

>我想做一个jQuery UI对话框做同样的事情,它在整个页面上放置一个半透明的图像,并禁用点击下面的任何控件。
>我想知道如何在顶部放置一些微调框覆盖,以显示该网站是在后台工作。如果我可以使用一个动画GIF文件,这将是罚款,但我不太确定的最佳方法这一点。

下面是一个带有对话框的灰色效果示例:
jQuery UI Example.我想知道如何产生这个效果,没有对话框顶部。我没有一个很好的例子的微调行为。

所有建议,网站推荐和代码是赞赏。

编辑:我不是一个“微调控制”。我将尝试找到一个例子,我正在思考的旋转。

编辑:我的意思是“旋转”是一种加载gif像“指示大”gif在这个网站:http://ajaxload.info/

解决方法

一种方法是使用一个默认隐藏的div,并且具有将背景颜色设置为灰色(例如#666)并将其透明度设置为0.8的属性

当你想显示使用jQuery获取屏幕/浏览器窗口的大小,设置你的div的大小,并用高zindex显示它,所以它显示在顶部。你也可以给这个div你的旋转gif图形(没有重复,并居中)。

码:

#json-overlay {
    background-color: #333;
    opacity: 0.8;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-image: url('ajax-loader.gif');
    background-position: center;
    background-repeat: no-repeat;
}

只有需要注意的是在IE6中的选择元素,因为这些将通过div显示,所以你可以使用jQuery bgframe来解决这个问题,或者我过去做的只是隐藏选择元素,当显示div和显示他们再次隐藏你的div

原文链接:https://www.f2er.com/jquery/183926.html

猜你在找的jQuery相关文章