javascript 点击整页变灰的效果（可做退出效果）

2016-02-19 08:55 7 1 收藏

下面是个超简单的javascript 点击整页变灰的效果（可做退出效果）教程，图老师小编精心挑选推荐，大家行行好，多给几个赞吧，小编吐血跪求~

【 tulaoshi.com - Web开发】

点击整页变灰的效果（可做退出效果）。
注：页面头部必须加上
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
否则效果不能实现

a href="#" onclick='return log_out()'安全退出/a
script language="JavaScript"
!--
function log_out()
{
ht = document.getElementsByTagName("html");
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
if (confirm('你确定要退出管理？'))
{
  window.location.href="Logout.asp";
}
else
{
  ht[0].style.filter = "";
  return false;
}
}
--
/script

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

上一篇：用javascript实现检测指定目录是否存在的方法
下一篇： Linux如何区分install命令和cp命令

看过《javascript 点击整页变灰的效果（可做退出效果）》的人还看了以下文章更多>>

JavaScript幻灯片效果

标签： Web开发

源程序： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / meta http-equiv="expires" content="0" titleJavaScript幻灯片效果/title styl...

表单提交(插入效果)javascript

标签： Web开发

用 javascript 实现的点击复制代码

标签： Web开发

title标题/title input type="button" name="Submit" onClick='copyToClipBoard()' value="复制专题地址，传给QQ/MSN上的好友" script language="javascript" function copyToClipBoard(){ var clipBoardContent=""; clipBoa...

利用PPT的插入对象功能实现点击图片放大再点击恢复效果

标签：电脑应用计算机应用技术 powerpoint

本节为大家介绍利用PPT中插入对象功能实现图片的放大效果，首先打开演示文稿，依次选择插入、对象，在对话框中选择PPT演示文稿并确定，接着右击选择“背景”，在对话框中选择“填充效果”并选择一张图片，确定，应用即可。最终效果为当鼠标点击该图片时就会放大，再次点击恢复到最初状态。步骤 1、打开一演示文稿，选...

JavaScript仿Windows关机效果

标签： Web开发

基本原理分析 Windows关机效果分析使用Windows系统的用户在关机的时候，出现的界面只允许用户选择关机、注销或取消动作，而桌面上的程序都不能使用，并且屏幕呈现灰色状态。本例将仿照这种高亮显示的效果在网页上实现. 在网页上运用这种关机效果有什么好处呢？首先，由于单击某一链接后，将用户此时不可用的操作隐藏在后台，将可用的操作...

查看更多精彩>>