`

通过DXImageTransform实现环形滚动条

阅读更多
使用过滤器Web实现环形滚动条,没有具体的进度,显示的时候一直滚动。
<script type="text/javascript">
function showloaddiv() {
document.getElementById('loaddiv2').style.display = 'block';
}
function hiddenloaddiv() {
document.getElementById('loaddiv2').style.display = 'none';
}
$(document).ready(function(){
hiddenloaddiv();
});
</script>

<div id="loaddiv2"  style="position: absolute;left: 40%;top:30%">
<table width="250" border="0" cellpadding="3" cellspacing="1" style="border:3px solid orange; background: #ffffff;
position:static;filter:progid:DXImageTransform.Microsoft.DropShadow
(color=#666666,offX=4,offY=4,positives=true)" align="center">
  <tr >
<td align="center" bgcolor="#ffffff">
<img src="images/loading.gif"></img><br>正在同步数据,请耐心等待......
</td>
  </tr>  
</table>
</div>
分享到:
评论

相关推荐

    App 黑白化实现探索,有一行代码实现的方案吗?

    4 月 4 日这一天,不少 网站、App 都通过黑白化,表达了深切的哀悼。 这篇文章我们纯谈技术。 我在当天,也给wanandroid.com上线了黑白化效果: 大家可能做 app 比较多,网页端全站实现这一的效果,只需要一句话: ...

    js实现按钮控制图片360度翻转特效的方法

    本文实例讲述了js实现按钮控制图片360度翻转特效的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:&lt;... &lt;title&gt;js实现按钮控制图片360度...image.style.filter=”progid:dXImagetransform.Microsoft.

    通过CSS实现的html背景色渐变

    效果截图: 实现代码: 复制代码代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt; &lt;html&gt; &lt;head&gt; &lt;...

    分享CSS中半透明样式的处理方法.docx

    在 CSS 中,元素容器透亮可以通过使用 opacity 属性或 filter 属性来实现。Opacity 属性是 W3C 标准,取值范围为 0-1 之间,表示元素的透明度。Filter 属性是 IE 浏览器支持的属性,取值范围为 0-100 之间,表示元素...

    兼容ie的内阴影和外阴影实现效果及测试代码

    IE的阴影实现代码:progid:DXImageTransform.Microsoft.Shadow(color=颜色, direction=角度, strength=阴影强度); 但IE的阴影看起来有点恶心,而且还不可以设置模糊值。可以点击这里查看 所以,要想效果跟W3C的效果...

    通过CSS样式实现的html背景色渐变效果

    效果截图: 实现代码: 复制代码代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt; &lt;html&gt; &lt;head&gt; &lt;...

    js上传图片预览图片.pdf

    我们使用 `filter:progid:DXImageTransform.Microsoft.AlphaImageLoader` 滤镜来加载图片,并使用 `sizingMethod=scale` 来实现图片的缩放。 4. 跨浏览器兼容性 在 Different browsers have different ...

    Html页面置灰css代码

    ...实现 Html 页面置灰需要使用 CSS 代码来控制 Html 元素的样式 oggi。...Html 页面置灰是一种常用的网页设计技术,通过使用 CSS 代码可以轻松实现置灰效果。但是,需要考虑浏览器兼容性、性能问题和不适用场景等因素。

    javascript图片炫酷的边框修饰插件.rar

    非常漂亮的Js图片边框修饰插件,并附有几种常用的示例,像阴影效果、顶部banner效果、邮票边框、毛边相框、云朵包围效果等,通过这个小插件,会使你网页上的图片变得更加漂亮;同时你还可研究一下下列的问题:  ...

    网站变黑白色CSS一行代码实现

    使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装.建议全国站长动起来.为在地震中遇难的同胞哀悼. 如果网站没有使用CSS,可以在网页/模板的HTML代码&lt;head&gt;和&lt;/head&gt; 之间插入: ...

    部分透明的蒙版效果实现思路(兼容ie6)

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’图片的路径’,sizingMethod=’crop’); 2:建立蒙版,此蒙版只要罩住除图片以外的部分即可,图片所在的区域不能挡住 那么如何实现第二部?a:

    IE矩阵Matrix滤镜旋转与缩放及如何结合transform

    复制代码代码如下: filter: progid:DXImageTransform.Microsoft.Matrix( enabled= bEnabled , SizingMethod= sMethod , FilterType= sType , Dx= fDx , Dy= fDy , M11= fM11 , M12= fM12 , M21= fM21 , M22= fM22 ) ...

    浏览器图片选择预览、旋转、批量上传的JS代码实现

     progid:DXImageTransform.Microsoft.AlphaImageLoader  chrome/firefox则用File api的file reader 2. 图片旋转,IE用progid:DXImageTransform.Microsoft.Matrix的filter(filter可以组合用,用空格隔开)  ...

    js实现图片从左往右渐变切换效果的方法

    本文实例讲述了js实现图片从左往右渐变切换效果的方法。分享给大家供大家参考。...filter:progid:DXImagetransform.Microsoft.Alpha(style=1,opacity=1500,finishOpacity=1);} &lt;/style&gt; [removed] &lt;!– windo

    css3实现背景颜色渐变让图片不再是唯一的实现方式

    复制代码代码如下:&lt;tr&gt; &lt;td xss=removed filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#ffffff’, endColorStr=’#E5F5FF’, gradientType=’0′);”&gt; text &lt;/td&gt;&lt;/tr&gt;   横向渐变: 复制...

    实现png图片和png背景透明(支持多浏览器)的方法

    虽然有让IE6支持PNG透明背景的JS程序,都是不是很方便,还是用CSS来实现的好。使用到的就是:IE5.5+的AlphaImageLoader滤镜。 1.png背景透明 解决办法: 代码如下: #div1 { height: 600px; width: 260px; padding: ...

    纯CSS实现的漂亮的立体图片边框效果,阴影代码

    图片立体边框效果 .image{padding:10px;...filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color=’#000000′);} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    Css如何实现背景色透明或半透明但内容不透明

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF) } 2.针对FF,谷歌等浏览器 复制代码代码如下: .demo{ background:transparent;&lt;!–背景透明–&gt; color:#...

    用CSS让表格返转的代码 IE only

    CSS实现表格翻转和旋转的方法 从给定的文件信息中,我们可以提炼出以下知识点: 一、 CSS中的FILTER属性 ...通过使用CSS中的FILTER属性,我们可以实现表格的翻转和旋转,提高网页的视觉效果和用户体验。

    非常漂亮的Js图片边框修饰插件附源码示例

    内容索引:脚本资源,Ajax/JavaScript,图片修饰 非常漂亮的Js图片边框修饰插件,并附有几种常用的示例,像阴影效果、顶部banner效果、邮票边框、毛边相框、云朵包围效果等,通过这个小插件,会使你网页上的图片变得...

Global site tag (gtag.js) - Google Analytics