javascript仿XP关机效果的弹出窗口功能

2016-02-19 09:12 8 1 收藏

想要天天向上，就要懂得享受学习。图老师为大家推荐javascript仿XP关机效果的弹出窗口功能，精彩的内容需要你们用心的阅读。还在等什么快点来看看吧！

【 tulaoshi.com - Web开发】

不管是做网站还是一些应用系统，都免不了要用到一些弹出的效果，在ZJ-BLOG V1.0 Beta2版本我在一些功能使用了网络上比较流行的仿XP关机效果的弹出功能，按目前的反应来说还是效果不错的，下面将此功能整一下儿，如果有需要大家可以直接使用到自己的网站或是应用系统中去。
　　　不在详细的说明代码了，帖出代码之前需要说明一点儿的是IE环境下，由于下拉框（select元素）优先级太高了，弹出的div元素无法盖住下拉框元素，很烦人的一个IE的BUG（个人认为是BUG　^o^），我使用的方法是在弹出时隐藏掉页面中全部的select元素，而关系窗口时让其再显示出来。呵呵，方法比较笨，但实在想不出来更好的办法了。。。
这里帖出两种效果，第一种是弹出时页面背景直接变为半透明，而第二种则对XP关机效果仿得更像一点儿，即背景是有一个逐渐变为半透明的过程，大家可以留心观察两种效果的区别,两种效果全部通过了IE6和firefox的测试。
第一种：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
第二种（注意弹出背景逐渐变为半透明的过程）：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

来源:http://www.tulaoshi.com/n/20160219/1589899.html

上一篇：探讨如何在Eclipse中过滤版本控制文件.svn
下一篇： Excel制作等额本金和等额本息两种还贷表

看过《javascript仿XP关机效果的弹出窗口功能》的人还看了以下文章更多>>

用javascript父窗口控制只弹出一个子窗口

标签： Web开发

近来网上经常流传一些关于如何在父窗口控制只弹出一个子窗口问题，我查看了一些，大部分都是只能解决部分或者很麻烦，还不算完美。比如有人是实现的这样，使用的是Cookie，以下是例子。主页上做了一个弹出窗口，如何使其只弹出一次，返回主页时不再弹出了。 --------------------------------------------------------------...

用JavaScript 制作多彩的弹出式说明窗口

标签： Web开发

〓正文〓在设计网站的时候，在网站有重大的变动，或者需要作什么声明的时候，我们就要用到弹出窗口，这时只要我们一进入这个页面，就会弹出一个窗口，其实要制作这样的弹出窗口真的非常的容易，只要在该页面的HTML代码里加入一段JavaScript 代码即可实现了。我们就来看看这最简单的弹出窗口：把下面的这一段代码可以加入HTML文件的head...

Windows XP SP2中备份弹出窗口的设置

标签： windows 操作系统

作者：识君出处：电脑报在Windows XP SP2中，IE浏览器的性能得到了大幅度的增强，最典型的例子便是增加了对弹出窗口的屏蔽功能，用户可以根据自己的需要对一些站点的弹出窗口设置允许或者阻止弹出，大大净化了网络环境。可让不少用户烦恼的是，如果重装系统，IE对弹出窗口的管理就得重新设定，非常麻烦。有没有什么方法能够让...

Javascript实例教程(1) 创建弹出式窗口

标签： Web开发

利用javascript创建弹出式窗口好吧，言归正转，开始我们的第一个教程吧。利用Javascript创建弹出式窗口的目的实际上是打开另外的浏览器窗口。你可以设置这个浏览器窗口的一些属性，如高度、宽度以及是否让该窗口有一个状态条或者工具条。在下面的例子中，我将窗口设置为：350 x 400，即高度为350像素，宽度为400像素；其中也包括了另外的一些...

让JavaScript弹出窗口变得体贴一些

在网上冲浪时进入一些网站会出现弹出窗口。它可能是站长对你的亲切问候，也可能是网站的重要通告、网站广告之类的。但用得不好会让人产生厌烦心理。如何才能让弹出窗口发挥作用，而又不影响浏览者浏览页面呢？一般的弹出窗口都需要你去关闭它，浏览者一定会觉得很麻烦。如果能让它自己关闭那该多好。要实现这种效果其实很简单， 1、...

查看更多精彩>>