给黑白颜色的哀悼页面上添加祈福的红色蜡烛

为纪念汶川地震遇难者,特介绍如何将网页调整为黑白风格,并加入红色元素以表达哀思与祝福的方法。

四川汶川地震,牵动着全国人民的心,人们通过各种途径表达自己对灾区人民关心,通过网页表达对灾区人民受害者人民的哀悼,是其中的一种方法。5月19日、20日、21日,是全国哀悼日,除了默哀3分钟之外,我们可以把我们的网页变成黑白的颜色。
办法有多种,如果你想将页面中的所有元素都变成黑白色,可以在页面中添加下面的样式:

<style type="text/css">
html,body
{ filter : gray ; }
</style>

如果只想改变其中一部分,可以采用class的定义。如果在黑白的页面中,加入一个红色的蜡烛,在表达哀思的同时,祈求祝福,可以采用下面的方法(效果参见http://dotnet.aspx.cc/2008eq.aspx):

< style  type ="text/css" >
 a,p,div,input,img,span,td,font,table,hr,h3,h2,h4,h5,h1 
{ filter : gray }
html,body {background:;}
 .noFilter 
{  filter :;   }
</ style >

 
< div  style ="text-align:center;padding-top:10px;" >
 
< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />
 
</ div >
< div  style ="text-align:center;" >
 
< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />< img  src ="http://dotnet.aspx.cc/Images/f.gif"  class ="noFilter"   />   
</ div >

需要注意的是:以上方法只适用于 IE 浏览器,非 IE 浏览器,需要全面修改页面中的样式和图片等。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值