网页中实现关机效果分析

 在网页中实现这种效果的原理很简单。创建两个图层，一个为遮盖层，覆盖整个页面，并且显示为灰色；另一个图层作为高亮显示的部分，在遮盖层的上方，这可通过设置图层的z-index属性来设置。当取消关机效果后，只需将这两个图层元素在页面中删除即可。

    以下代码实现显示关机效果。
    
    
    
    
    
    
    
    

    
    

    
    

    需 要注意的是，在IE浏览器中如果有标记，则该标记不能被覆盖层覆盖，但在其他浏览器中则可以覆盖。图22.3所示的是IE浏 览器中标记的效果，图22.4所示的是Mozzila Firefox中标记的效果。

 
图22.3  IE浏览器中

标记

图22.4  Mozzila Firefox浏览器中 标记

    所以在使用IE浏览器时，要先将网页中的元素隐藏起来。如以下代码可以用于隐藏页面所有的元素。
    selects = document.getElementsByTagName('select');
    for(i = 0; i < selects.length; i++) {
           selects[i].style.visibility = visibility;

阅读(460) | 评论(0) | 转发(0) |

0

上一篇：仿Windows关机效果： 客户端代码

下一篇：使用面向对象思想处理cookie

给主人留下些什么吧！~~

评论热议

请登录后评论。

登录 注册

关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6