简单实现网站变灰的代码（JS） - - ITeye博客

`

jeasony

浏览: 196314 次
性别:
来自: 厦门

最近访客更多访客>>

leiqianhong

shenmiao

gogo123150

lg295452

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

huaxialonger：根结点怎么不能折起来啊
JavaScript树型菜单 dtree
yan578351314：这东西好呀！！！顶。。。。。
JavaScript树型菜单 dtree
s524141771： LZ,当在一个页面内生成2个或多个树时，展开节点会出问题，即： ...
JavaScript树型菜单 dtree
tss0823：我遇到了文件路径的问题。哈哈。谢谢！
java平台下通过jacob对excel,word进行打印等操作（转exceljava*^__^）
qingfeng_101：呵呵我也有个分页的东东是个JavaBean+JSP标签的 ...
Hibernate+Spring+Struts2整合开发中的一个分页显示方案

简单实现网站变灰的代码（JS）

博客分类：

js

JavaScript Microsoft IE XHTML HTML

阅读更多

非常简单，在网页中增加如下代码：

<script type="text/javascript">
var ht = document.getElementsByTagName("html")[0];
ht.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
</script>
（只支持ie）

完整示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<img id="img1" src="http://blog.readnovel.com/image/style/logo_blogrn.gif" alt="文学博客" />
<font color="red">dsfsf</font>
</body>
</html>
<script type="text/javascript">...

var ht = document.getElementsByTagName("html")[0];
ht.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
</script>

如果您的网页顶部没有加：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

那么你可以用：

<script type="text/javascript">
var ht = document.getElementsByTagName("body")[0];
ht.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
</script>

赶紧加一下吧，为地震中遇难同胞哀悼……

分享到：

任务调度开源框架Quartz | 整理天气预报代码

2009-05-13 17:17
浏览 1984
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

JavaScript实现点击按钮后变灰避免多次重复提交: 下面是一个简单的例子：代码如下: <html> <head> <title>点击获取验证码按钮后按钮变灰，倒计时一段时间后又可重复点击</title> </head> <body> <input type=”button” id...

使用jsTree实现js树形结构: 例程可正常使用，非常的简单，基本上学过几天代码的人都能够正常使用。采用纯js编写，不复杂

PHP+Ajax弹出窗口主窗口变灰: 　在网上找到的一些代码，功能太简单，仅支持静态网页，对于PHP、ASP等动态数据处理，却不能支持。有了Ajax技术，就能完全解决这个问题，实现动态数据的处理。　现在拿出来分享，不愿意看文章的，可以直接将代码...

JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个: 29. jQuery实现图片变色特效插件与实例下载如jquery图片变灰色 30. jquery实现图片可拖动展示的实例下载 31. jQuery实现拖动滚动条的缩略图排列插件下载 32. jQuery实现焦点图片Flash自动平滑渐变效果 33. ...

JavaScript_JQuery_CSS_DIV漂亮的实例: 29. jQuery实现图片变色特效插件与实例下载如jquery图片变灰色 30. jquery实现图片可拖动展示的实例下载 31. jQuery实现拖动滚动条的缩略图排列插件下载 32. jQuery实现焦点图片Flash自动平滑渐变效果 33. ...

js实现弹出窗口、页面变成灰色并不可操作的例子分享: 如果你还不会，可以看看下面这个简单的例子。代码如下:<html><head><title>弹出一个窗口后，后面的层不可操作</title>[removed]function show() //显示隐藏层和弹出层{ var hideobj=...

【JavaScript源代码】vue基于Element按钮权限实现方案.docx: vue基于Element按钮权限实现方案　背景需求：ERP系统需增加 ”按钮权限控制“ 功能，对权限的控制粒度要普及到按钮层级。　预期　按钮权限控制的交互方式无非两种："不可见" 和 "可见不可点"。　不可见的交互...

UIWebView的使用代码: 前面提到的native代码调用js代码的实现方式，结合两种实现方式即完成了js与native代码间的简单的通信操作。让UIWebView更加接近native 某些情况下，我们既想要UIWebView加载web页面，又想使得所加载的页面的外观...

cookie,dom,css,js实现页面换肤: 页面换肤已经成为web2.0的时尚，看似简单的过程，实现起来却不那么容易，因为它涉及到javascript写入和读取cookie，这篇文章详细介绍了通过存取cookie和dom操作调用不同的样式表文件来实现前台换肤功能 Html代码部分...

JQuery&CSS;&CSS;+DIV实例大全.rar: 1.JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码 2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录...

JavaScript实现简单的星星评分效果: 大概实现思路就是用一张灰色的星星作为背景，然后让有颜色的星星图片定位在灰色的星星图片上，控制有颜色星星图片的宽度即可达到基本效果。如下图：下面上代码： <html> <head> <meta charset=...

js实现简单模态窗口，背景灰显: ModeWindow.js 代码如下:<html xmlns=”http://www.w3.org/1999/xhtml”> <head runat=”server”> <title>Untitled Page</title> [removed][removed] [removed] var myWin; function show1

javascript和jquery实现设置和移除文本框默认值效果代码: 这里想实现的效果是：设置和移除文本框默认值，如下图鼠标放到文本框中的时候，灰字消失。 1.可以用简单的方式，就是给input文本框加上onfocus属性，如下代码：代码如下: <input id=”keyword” name=”...

100多个JQuery效果示例（实例）div+css+javascrpit: 29. jQuery实现图片变色特效插件与实例下载如jquery图片变灰色 30. jquery实现图片可拖动展示的实例下载 31. jQuery实现拖动滚动条的缩略图排列插件下载 32. jQuery实现焦点图片Flash自动平滑渐变效果 33. ...

纯JavaScript实现HTML5 Canvas六种特效滤镜示例: 小试牛刀，实现了六款简单常见HTML5 Canvas特效滤镜，并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js。支持的特效滤镜分别为： 1.反色 2.灰色调 3.模糊 4.浮雕 5.雕刻 6.镜像滤镜原理解释： 1.反色...

简单纯js实现点击切换TAB标签实例: 选项卡效果代码，无jq,JS来实现，灰色风格，没有怎么美化，或许看上去比较普通，不过兼容性和操作起来挺舒服的，风格适用于大部分的网站，或许你会用得上。

jquery 动态示例: 29. jQuery实现图片变色特效插件与实例下载如jquery图片变灰色 30. jquery实现图片可拖动展示的实例下载 31. jQuery实现拖动滚动条的缩略图排列插件下载 32. jQuery实现焦点图片Flash自动平滑渐变效果 33. ...

微信小程序实现星星评分效果: 本文实例为大家分享了微信小程序实现星星评分的具体代码，供大家参考，具体内容如下思路很简单，小星星都是一张张独立的图片，点击的时候改变图片的路径就可以了。我是用背景图片做的，先给盒子设置背景图片为灰色...

www.zwdyw.com站源码代码: 改进生成选项的体验，无效的变灰,比如动态模式下，部分生成按钮变灰 9.新增数据回收站，单个数据隐藏后进入回收站、前台无法显示 10.新增数据字段：语言、导演 12分类管理，支持单个分类的关键词和描述设置 13....

html5带滚动歌词音乐播放器: html5+js带滚动歌词音乐播放器，同时还支持列表(用json) by:小灰灰有需要的朋友可以下载使用哦谢谢大家支持

Global site tag (gtag.js) - Google Analytics