Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[已解决] :::向5.12地震遇难同胞默哀:::[网站变灰css和js代码]

[复制链接]
anchenme 发表于 2009-5-11 14:38:16 | 显示全部楼层 |阅读模式
本帖最后由 anchenme 于 2009-5-11 17:06 编辑

:::向5.12地震遇难同胞默哀:::

大家自发动员起来吧!!!

演示网址:http://www.ad119.cn






好像有些朋友不太会使用,我就简单的讲一下
使用方法:

1.在你的当前风格的样式表css文件的上面增加下面的css变灰代码
2.在顶部或底部文件比如像header.htm 或 footer.htm 增加下面的变灰的js代码,或将下面的js代码做成一文件,在顶部或底部文件里进行js的调用. 样子如下
<script language="javascript" type="text/javascript" src="js代码地址/.black.js"></script>
将下面的js下载上传到你的网站空间里



网站变灰CSS代码:
  1.               <style type="text/css">
  2.                               html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
  3.                </style>
复制代码
网站变灰js代码:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>江西广告网</title>
  6. <script type="text/javascript">
  7.    function test()
  8.    {
  9.       var div = document.createElement("div");
  10.    div.innerHTML="中国加油,四川加油<style type="text/css">html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } </style>";
  11.    div.style.display="none";
  12.    document.body.appendChild(div);
  13.    alert(div.outerHTML);
  14.    }
  15. </script>

  16. <style type="text/css">
  17. <!--
  18. .STYLE1 {color: #FF0000}
  19. -->
  20. </style>
  21. </head>

  22. <body onload="test()">
  23. asdfa<span class="STYLE1">网站变灰js代码</span>
  24. </body>
  25. </html>
复制代码
还有一个js代码
  1.   <script type="text/javascript">
  2.     //2008年5月12日四川汶川发生大地震;
  3.     //2008年5月19日至21日为全国哀悼日;
  4.     //程序BY: 梅子雨 || 李可先 2008-5-19;
  5.     var strDayTime = new Date();
  6.     var strMonth = strDayTime.getMonth() + 1;
  7.     var strToday = strDayTime.getDate();
  8.     if(strMonth == 5){
  9.       if(strToday == 12 || strToday == 19 || strToday == 20 || strToday == 21){
  10.         document.write("<style type="text/css">");
  11.         //document.write(" body,img{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}");//网页不服从W3C换成这句
  12.         //document.write(" html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}");//如果网页服从W3C换成这句
  13.         document.write("</style>");
  14.       }     }  </script> 
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

1

查看全部评分

5136456 发表于 2009-5-11 14:53:16 | 显示全部楼层
支持一个!
回复

使用道具 举报

228591898 发表于 2009-5-11 15:27:39 | 显示全部楼层
支 持



中国加油,四川加油
回复

使用道具 举报

SLDXZM 发表于 2009-5-11 15:32:42 | 显示全部楼层
怎么用啊!????说下 谢谢~~
回复

使用道具 举报

 楼主| anchenme 发表于 2009-5-11 15:50:41 | 显示全部楼层
怎么用啊!????说下 谢谢~~
SLDXZM 发表于 2009-5-11 15:32


几种方法..

第一: 在样式表ccs里增加css变灰样式

第二: 在头部文件调用变灰js代码
回复

使用道具 举报

diyesit 发表于 2009-5-11 16:50:42 | 显示全部楼层
能不能给一个详细教程  谢谢了
回复

使用道具 举报

 楼主| anchenme 发表于 2009-5-11 16:57:07 | 显示全部楼层
好像有些朋友不太会使用,我就简单的讲一下
使用方法:

1.在你的当前风格的样式表css文件的上面增加下面的css变灰代码
2.在顶部或底部文件比如像header.htm 或 footer.htm 增加下面的变灰的js代码,或将下面的js代码做成一文件,在顶部或底部文件里进行js的调用. 样子如下
<script language="javascript" type="text/javascript" src="js代码地址"></script>
回复

使用道具 举报

54alin 发表于 2009-5-11 17:10:24 | 显示全部楼层
顶了,大家一起变灰色悼念5.12!
回复

使用道具 举报

天空的心 发表于 2009-5-11 17:41:55 | 显示全部楼层
支持一下~~~
回复

使用道具 举报

okxing 发表于 2009-5-11 17:43:50 | 显示全部楼层
你们变灰后~~flash卡么~~~~偶变灰后农场和德克都卡屏!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-17 00:20 , Processed in 0.040182 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表