JavaScript仿Windows关机效果
日期:2007年10月9日 作者: 查看:[大字体 中字体 小字体]-
HEIGHT: 100%;
BACKGROUND-COLOR: #000;
moz-opacity: 0.8;
opacity: .80
}
</style>
</head>
<body>
<!--该层为覆盖层 -->
<div id="overlay"></div>
<!--该层为高亮显示层 -->
<div id="lightbox"></div>
</body>
</html>
需要注意的是,在IE浏览器中如果有<select>标记,则该标记不能被覆盖层覆盖,但在其他浏览器中则可以覆盖。在使用IE浏览器时,要先将网页中的<select>元素隐藏起来。如以下代码可以用于隐藏页面所有的<select>元素。
selects = document.getElementsByTagName('select');
for(i = 0; i < selects.length; i++) {
selects[i].style.visibility = visibility;
}代码实现
客户端代码
客户端的页面上有两个链接,用户单击链接后,向服务器端发送请求,并将返回信息显示到高亮层上。客户端的网页文件代码如下所示:
<html>
<head>
<title>AJAX LightBox</title>
<!-- 本例使用的css样式表文件-->
<LINK href="lightbox.css" type=text/css rel=stylesheet>
<!--prototype类文件-->
<script type="text/javascript" src="js/prototype.js" ></script>
<!--本例使用的Javascript代码-->
<script type="text/javascript" src="lightbox.js" ></script>
</head>
<body>
<DIV id=container>
<UL>
<LI><A class=lbOn href="getInfo.jsp?id=one">One</A>
</LI>
<LI><A class=lbOn href="getInfo.jsp?id=two">Two</A>
</LI>
</UL>
</div>
</body>
</html>另外,还需要设置该页面所使用CSS样式。lightbox.css样式表文件代码如下所示:
#lightbox {
BORDER-RIGHT: #fff 1px solid;
BORDER-TOP: #fff 1px solid;
DISPLAY: none; - 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] 下一页
-
- JavaScript仿Windows关机效果 相关文章:
- ·对联广告代码效果大全
- ·Flash制作非常逼真的下雪视觉动画效果
- ·网页对联广告代码效果大全
- ·Photoshop制作飘落雪花效果图
- ·3DMax:跟我学做房间效果图
- ·Photoshop制作卷页效果
- ·Flash视觉效果之漫天飞雪
- ·3DS MAX图文教程:事件驱动粒子系统——喷泉效果
- ·Photoshop制作Lomo风格非主流效果
- ·Flash制作滚动广告图片效果
- JavaScript仿Windows关机效果 相关软件
- ·麦克风混响效果器 V1.0 绿色版
- ·疯狂水果机(Fruit Machine Mania)
- ·珊瑚青苹果Flash播放软件 V2.1
- ·唯美烟雾缭绕梦幻效果壁纸集一
- ·糖果狗狗QQ表情
- ·缤果QQ表情
- ·SRS Audio Sandbox(声卡效果增强软件) V1.7.0.0
- ·果冻娃娃QQ表情
- ·《星苹果乐园》张芯瑜写真壁纸
- ·联众青苹果之游戏马算牌器 V3.0 Build 5.0206 正式版
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
精品推荐
热点TOP10
- ·对联广告代码效果大全
- ·网页对联广告代码效果大全
- ·JavaScript方法和技巧大全
- ·对联广告JS代码效果大全
- ·网页两侧浮动广告代码
- ·Ajax实现无刷新树
- ·一些很实用且必用的小脚本代码
- ·鼠标自动移动/点击
- ·ajax进度条
- ·JavaScript仿Windows关机效果
- ·一个以Javascript+xml的树型列表
- ·打开网页自动设为首页代码
- ·B/S开发常用JavaScript技术
- ·JS代码的格式化和压缩
- ·JavaScript经典效果集锦
- ·网页特效之HTML中树的实现方法
- ·设置首页和添加到收藏夹代码大全
- ·javascript 常用代码大全
- ·适合本blog的一个精美javascript日历
- ·网页的DOCTYPE HTML public 会导致页面的部分事件不触发
