`
bdk82924
  • 浏览: 565330 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

网页变灰的方法

    博客分类:
  • Web
阅读更多
以下为全站CSS代码。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。

如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:

<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

有一些网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议

<!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">

请将网页最头部的<html>替换为以上代码。

有些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

最简单的把页面变成灰色的代码是在head 之间加
<style type="text/css">

html {
FILTER: gray
}
</style>

退出登录时变灰:

function log_out()
{
ht = document.getElementsByTagName("html");
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
if (confirm('您確定要登出論壇?'))
{
return true;
}
else
{
ht[0].style.filter = "";
return false;
}
}
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    网页变成灰色的方法

    ### 网页变成灰色的方法 在网页设计与开发领域,有时为了纪念特定事件或表达某种情感,将网站的颜色调整为黑白灰阶效果是一种常见的做法。实现这一效果的技术手段多种多样,但其中最为简便有效的方式之一是通过CSS...

    jquery网页变灰

    "jQuery 网页变灰"是一个常见的需求,它可以通过JavaScript库jQuery实现。本教程将深入讲解如何利用jQuery实现这一功能,并提供实例及源码供参考。 首先,理解jQuery的基本概念是必要的。jQuery是一个轻量级、高...

    使整个网站变灰色代码

    根据提供的内容,有两种主要的方法可以使整个网站变成灰色: 1. **直接在HTML文档的`head`区域添加样式** ```html html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } ``` ...

    基于层的网页弹出提示,可移动,网页变灰.rar

    "基于层的网页弹出提示,可移动,网页变灰"这个压缩包文件包含了实现这一功能的相关资源。 首先,"基于层的网页弹出提示"指的是在网页中创建一个独立的、可以浮动的元素,用来展示提示信息。这个层通常位于其他页面...

    使网页变灰,支持IE、FireFox、Opera、360浏览器等

    通过链接(已省略)可以获取更详细的代码和解释,不过在这里,我们将基于常见方法来探讨如何实现网页变灰。 网页变灰主要通过CSS或JavaScript来实现。对于CSS,可以使用滤镜效果,但这种方法仅适用于支持CSS3的现代...

    网站首页变成灰白色方法.doc

    网站首页变成灰白色方法 在本文中,我们将详细介绍如何将网站首页变成灰白色。这是一种哀悼的方式,通常用于纪念某些特殊事件或哀悼遇难的同胞。下面我们将具体介绍两种将网站首页变成灰白色的方法。 方法一:使用...

    适合清明使用的网页变灰白代码,亲测可用

    需要注意的是,虽然这个方法可以快速实现网页变灰白的效果,但可能会影响到网页的可读性和用户体验。因此,在实际部署时,应确保灰度效果不影响重要信息的传达,并在节后及时恢复原色。 总的来说,通过JavaScript和...

    CSS代码使网页呈灰色

    4. 另一个简单的方法是使用`FILTER: gray`,这是IE浏览器的一个简写形式,同样可以使网页变灰: ```css html { FILTER: gray; } ``` 5. 对于Discuz!(DZ)论坛用户,可以通过后台的全局设置——优化设置...

    网页全部显示为灰色的代码

    通过上述方法,我们不仅可以轻松地将网页调整为灰色调,还能够确保其在各种浏览器中的兼容性和可用性。这种方式不仅表达了对逝者的哀悼之情,也体现了网站的社会责任和技术实力。在未来的设计和开发过程中,可以根据...

    网站变灰色代码方法大集合

    以上介绍了几种常用的使网站变灰的方法,包括使用HTML filter属性、修改全局CSS样式表以及针对特定元素应用CSS样式等。每种方法都有其适用场景和优缺点,开发者可以根据实际情况选择最合适的技术方案。需要注意的是...

    HTML 网页特效 点击按钮全屏变灰

    在网页设计中,有时我们需要实现特定的交互效果来提升用户体验,比如点击按钮后整个页面变灰,这样的功能常用于加载等待、禁用界面或者聚焦某个特定元素时。本知识点主要探讨如何利用HTML和CSS实现“点击按钮全屏变...

    CSS鼠标悬停图片上图片变灰 变色 半透明

    以上就是利用CSS实现鼠标悬停图片时图片变灰、变色和半透明的方法。在实际项目中,可以通过调整参数来适应不同的设计需求,并结合HTML文件中的`&lt;img&gt;`标签引用的图片资源(如压缩包中的`images`目录下的图片),构建...

    DIV+CSS中如何让整个页面变成灰色

    让整个页面变灰的方法之一是通过调整页面所有元素的颜色过滤。这可以通过使用 CSS 的滤镜(filter)属性来实现。滤镜属性允许我们应用不同的视觉效果,如模糊、饱和度调整、颜色转换等。对于灰色效果,我们可以使用 ...

    哀悼日变灰操作

    根据给定文件的信息,我们可以提炼出与“哀悼日变灰操作”相关的IT知识点,但首先需要澄清的是,文件内容似乎包含了一些不相关的代码片段和文档,这些内容涉及一个名为"Guzz"的全栈数据层解决方案框架,以及一系列与...

    灰色网页CSS网页模板

    这种方法的优势在于可以将内容和表现分离,使网页更易于维护和更新,同时提高加载速度和搜索引擎优化(SEO)效果。DIV是HTML中的一个通用容器元素,常用来组织和分块网页内容,便于用CSS进行布局和定位。 在提供的...

    点击提交按钮后按钮变灰色不可用状态的三种方法

    第一种方法:直接按钮中加入 当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码...第二种方法:通过onSubmit事件实现,并且可以将变灰按钮变为可用 在form里面添加 onSubmit事件,如果表单加入了

    整站变灰hui.rar

    综上所述,"整站变灰hui.js"这个文件很可能是通过JavaScript的DOM操作和颜色转换功能,动态地将网页元素颜色调整为灰色,从而实现整站变灰的效果。实际应用中,开发者可能还会考虑到性能优化、兼容性问题以及用户...

    灰色渐变质感时尚的网页模板_灰色 渐变 质感 时尚 整站 企业 大图 简洁 整站_html网站模板_网页源码移动端前端.rar

    网页模板是构建网站的一种快速方法,它提供了一个预先设计的布局,允许开发者在此基础上进行定制,以满足特定项目的需求。这个模板特别强调了灰色的渐变质感和时尚设计,这通常意味着它采用了现代、简洁的设计风格,...

    灰色渐变质感时尚的网页模板-灰色 渐变 质感 时尚 整站 企业 大图 简洁 整站.rar

    网页模板是一种预设计的网页布局,它为网页设计师或开发者提供了快速构建网站页面的基础框架。在给定的压缩包文件“灰色渐变质感时尚的网页模板-灰色 渐变 质感 时尚 整站 企业 大图 简洁 整站.rar”中,我们可以...

    可以让图片变灰

    以上方法可以实现“鼠标移上可以让图片变灰”的功能,并且兼容大部分现代浏览器。对于不支持CSS `filter` 属性的旧版浏览器,可以通过JavaScript的替代方案进行回退处理。这种技术广泛应用于网页设计中,为用户提供...

Global site tag (gtag.js) - Google Analytics