我还是漂亮的“绿色”,当谈到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