`

js实现的一个CSS过滤器

阅读更多
(function(){

window.Mask = {version:1.0};
var D=new Function('obj','return document.getElementById(obj);');
var oevent=new Function('e','if (!e) e = window.event;return e');

Mask.Login = function()
{
	$("mask").style.display = "block";
	$("mask").style.position = "absolute";
	$("mask").style.top = "0px";
	$("mask").style.left = "0px";
	//$("mask").style.width = "100%";
	//$("mask").style.height = document.documentElement.clientWidth + "px";//document.body.clientHeight + "px";
	$("mask").style.width = document.documentElement.scrollWidth + "px";
	$("mask").style.height = document.documentElement.scrollHeight + "px";//document.body.clientHeight + "px";
	$("mask").className = "b";
	$("mask").style.zIndex = "3";
	$("mask").style.filter = "alpha(opacity=40)";
	$("mask").style.opacity = "0.4";
	$("mask").style.backgroundColor = "#000000";
}

})();

 

 

 

 

页面调用只需要:

Mask.login();即可

 

分享到:
评论

相关推荐

    CSS3 过滤器实现的背景视频颜色变换效果源码.zip

    这个压缩包"CSS3 过滤器实现的背景视频颜色变换效果源码.zip"包含了利用CSS3过滤器来实现背景视频颜色变换效果的源代码。这种效果可以为网站增加动态视觉体验,吸引用户注意力,并提升整体设计的现代感。 首先,...

    css-filter.js:CSS 过滤器的 js 包装器

    `css-filter.js`是一个JavaScript库,旨在为CSS过滤器提供便利的API,使开发者能够在JavaScript环境中更加轻松地应用和控制这些效果。 ### 1. CSS过滤器基础 CSS过滤器通过CSS属性`filter`实现,可以应用一系列...

    美食网站js+html+css

    【美食网站js+html+css】是一个以JavaScript、HTML和CSS为核心技术的项目,旨在创建一个展示美食的网站。这个项目提供了完整的源代码,包括HTML结构文件、CSS样式表和JavaScript脚本,以及用于视觉呈现的网站图片。...

    CSS+js版文本编辑器

    【CSS+js版文本编辑器】是一个利用CSS样式和JavaScript脚本实现的轻量级文本编辑工具,旨在提供一个简洁且高效的用户界面,让用户在不依赖复杂富文本编辑器插件的情况下,也能进行文章撰写和编辑。这个编辑器强调的...

    jade-postcss:玉器的Postcss过滤器

    这是一个向 jade 添加 PostCSS 过滤器的简单模块。 ##安装 $ npm install jade-postcss##用法 var jade = require ( 'jade' ) ;var postcss = require ( 'jade-postcss' ) ;jade . filters . postcss = postcss...

    CSS3过滤器和js制作图片颜色提取特效

    这是一款使用CSS3过滤器(CSS3 Filters)和Vibrant.js制作的效果非常炫酷的图片颜色提取幻灯片特效插件。这个图片颜色提取特效可以将当前页面中显示的图片的主要色调提取出来,显示在下方方格中。

    几个有用的过滤器 小技巧

    对于不会频繁更改的静态资源(如CSS、JavaScript文件),我们可以设置一个过滤器来设置HTTP响应头,使浏览器缓存这些资源,减少不必要的网络请求。 7. **SSL强制过滤器**: 如果你的应用程序需要强制使用HTTPS...

    纯css3图片分类过滤效果

    本教程主要探讨的是如何利用纯CSS3实现一个图片分类过滤效果,这个功能在现代网页设计中非常常见,尤其适用于图片展示或者产品分类的场景。通过这个插件,用户可以根据类别筛选并显示相关图片,提供更加直观和交互式...

    js 实现combox 树选择

    在JavaScript编程中,"js 实现combox 树选择"是指使用JS来创建一个具有下拉树形结构的组合框(ComboBox)。ComboBox通常用于提供一个输入框和一个下拉列表,用户可以在输入框中直接键入,或者从下拉列表中选择一个值...

    CSS3过滤器实现的霓虹灯文本效果源码.zip

    【CSS3过滤器实现霓虹灯文本效果】 在网页设计中,为了增加视觉吸引力和动态效果,设计师常常会使用各种技巧来美化文本。其中,霓虹灯效果是一种经典的视觉元素,它模仿了真实世界中霓虹灯管发出的炫彩光芒。在现代...

    这是一款基于SVG过滤器和CSS3制作的可爱小动物动画特效

    本文将深入探讨如何利用SVG过滤器和CSS3技术创建一款可爱的动物动画特效。这个特效巧妙地融合了HTML、SVG(可缩放矢量图形)和CSS3,为用户呈现了一个生动有趣的互动体验。 首先,SVG是一种基于XML的矢量图像格式,...

    map-css-filters:使用CSS过滤器值映射对象

    标题中的“map-css-filters”指的是一个专门处理CSS过滤器值的JavaScript库,它允许开发者更方便地管理和应用CSS过滤效果。CSS过滤器是CSS3引入的一个特性,用于对元素的视觉表现进行处理,比如模糊、灰度、饱和度...

    Filter(过滤器)简介和工作原理

    Filter(过滤器)简介和工作原理 Filter 简介 Filter(过滤器)是 Java EE 中的一种组件,用于拦截和处理 Servlet 容器中的请求和响应。Filter 的基本功能是对 Servlet 容器调用 Servlet 的过程进行拦截,从而在 ...

    静态网页图片jscss自动下载器

    标题中的“静态网页图片jscss自动下载器”指的是一个专门设计用于从静态网页中批量下载图片、JavaScript(js)和CSS(css)文件的工具。这样的工具对于网站开发者、设计师或者需要快速收集网页素材的人来说非常有用...

    jQuery和CSS3超酷元素分类过滤和排序插件

    总的来说,这款jQuery和CSS3元素分类过滤及排序插件是网页动态展示和交互的一个强大工具,它利用jQuery的便利性和CSS3的高性能,为开发者提供了灵活、高效的解决方案。无论是在产品列表、文章分类还是任何需要动态...

    纯CSS代码实现内容过滤效果.zip

    标签中提到的"JS特效-其它代码"可能暗示这个压缩包包含了一些非CSS的JavaScript代码示例,用于扩展或增强CSS过滤效果。例如,它可能包含了JavaScript函数,用于处理用户的输入并动态更新CSS选择器,以实现更复杂的...

    html javascript css 案例

    总的来说,这个"html javascript css 案例"提供了丰富的实践素材,涵盖了网页开发的基本要素,无论是对初学者还是经验丰富的开发者,都是一个提升技能和灵感的好资源。通过深入研究和模仿这些实例,你可以逐步掌握...

    js css精美表格

    3. jQuery库:`jquery-latest.js`是jQuery库的最新版本,这是一个广泛使用的JavaScript库,简化了DOM操作、事件处理和动画效果。jQuery与`jquery.tablesorter.js`配合,可以轻松地添加高级功能到表格中。 4. jQuery...

    CSS3网页元素过滤器功能.zip

    其中,元素过滤器功能是CSS3的一个亮点,它允许开发者对网页元素进行各种视觉变换,如颜色调整、模糊效果、饱和度控制等,从而实现更为复杂的动态效果。本文将深入探讨CSS3中的过滤器功能及其应用。 **一、滤镜功能...

    简单理解Struts2中拦截器与过滤器的区别及执行顺序

    过滤器是 Servlet 容器中的一个组件,用于对所有请求进行预处理和后处理操作。过滤器是基于函数回调的,可以对几乎所有请求起作用,但它不能访问 Action 上下文、值栈里的对象。 在 Struts2 中,过滤器是通过 ...

Global site tag (gtag.js) - Google Analytics