WEB开发网
开发学院网页设计JavaScript 用JavaScript实现仿Windows关机效果 阅读

用JavaScript实现仿Windows关机效果

 2010-09-14 13:04:20 来源:WEB开发网   
核心提示: 需要注意的是,在IE浏览器中如果有<select>标记,用JavaScript实现仿Windows关机效果(2),则该标记不能被覆盖层覆盖,但在其他浏览器中则可以覆盖,用户单击链接后,向服务器端发送请求,在使用IE浏览器时,要先将网页中的<select>元素隐藏起来

需要注意的是,在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/html" class="wordstyle">asp?typeid=36" snap_preview_added="no">html" class="wordstyle">
javascript" src="js/prototype.js" ></script>
<!--本例使用的html" class="wordstyle">javascript代码-->
<script type="text/html" class="wordstyle">javascript" src="lightbox.js" ></script>
</head>
<body>
<DIV id=container>
<UL>
<LI><A class=lbOn href="getInfo.html" class="wordstyle">jsp?id=one">One</A>
</LI>
<LI><A class=lbOn href="getInfo.html" class="wordstyle">jsp?id=two">Two</A>
</LI>
</UL>
</div>
</body>
</html>

上一页  1 2 3 4 5  下一页

Tags:JavaScript 实现 Windows

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接