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

点击整页变灰的效果（可做退出效果）。
注：页面头部必须加上
<!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>

时间： 2025-01-08 00:04:06

javascript 点击整页变灰的效果（可做退出效果）。_javascript技巧的相关文章

做一个手机网页，查看消息列表，列表用的是table，要求用户点击消息字体变灰

问题描述 做一个手机网页,查看消息列表,列表用的是table,要求用户点击消息字体变灰 做一个手机网页,查看消息列表,列表用的是table,要求用户点击消息字体变灰 解决方案 给tr添加click事件,然后设置颜色,如果你要持久化还需要和数据库打交道,保存状态到数据库中 <table><tr onclick=""this.style.color='#666'""><td>信息1</td></tr><t

Bootstrap中点击按钮后变灰并显示加载中实例代码_jquery

Bootstrap插件非常的好用了,我们今天一起来看一篇关于Bootstrap实现点击按钮之后按钮变成不可点击的一个效果了,具体的如下所示． 1.在按钮中加入data-loading-text,即点击按钮后显示的文字 <button type="submit" class="btn btn-primary btn-check" data-loading-text="提交中...">添加成员</button> 2.当点击按钮

JavaScript实现点击按钮后变灰避免多次重复提交

注册的时候需要发送验证激活帐号的邮件,为了避免邮件的多次重复发送,所以可以在点击了发送后,设置button要过一段时间才能继续点击.下面是一个简单的例子: 复制代码 代码如下: <html> <head> <title>点击获取验证码按钮后按钮变灰,倒计时一段时间后又可重复点击</title> </head> <body> <input type="button" id="btn" val

JavaScript实现点击按钮后变灰避免多次重复提交_javascript技巧

注册的时候需要发送验证激活帐号的邮件,为了避免邮件的多次重复发送,所以可以在点击了发送后,设置button要过一段时间才能继续点击.下面是一个简单的例子: 复制代码 代码如下: <html> <head> <title>点击获取验证码按钮后按钮变灰,倒计时一段时间后又可重复点击</title> </head> <body> <input type="button" id="btn" val

jquery点击按钮后变灰实现程序代码

下面是我以前用的一个js倒计时的效果,也是点击之后60秒之内不可再点击效果.  代码如下 复制代码 <html> <head> <title>点击获取验证码按钮后按钮变灰,倒计时一段时间后又可重复点击</title> </head> <body> <input type="button" id="btn" value="免费获取验证码" /> <script

Javascript表格翻页效果实现思路及代码_javascript技巧

复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>表格翻页</TITLE> <style> body, td{ font-size: 9pt; } a:link { color: #FF0000; } a:visited { color: #FF0000; } a:hover

如何写一个通用的JavaScript效果库！(1/2)_javascript技巧

JavaScript的动态效果最基本的是 动态改变大小,移动位置,改变透明度,改变颜色等等. 而其他一些比较炫的效果无非是对这些最基本效果的组合和运用. 现在网上已经有很多很不错的优秀Javascript库或者效果库,我们是否有必要再造轮子呢? 放眼望去,Yahoo UI, 基于Prototype的scriptaculous, Rico, JQuery, Dojo,还有很多很多. 这些库都带有很不错很优秀的动态效果.我们可以直接使用. 但是对于一些中小型项目来说,只是偶尔用到一两个特效,就没有必

js实现上一页下一页的效果【附代码】_javascript技巧

Javascript 返回上一页: 1. history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 复制代码 代码如下: <a href="javascript:history.go(-1);">向上一页</a> response.Write(&quo

JavaScript实现自动生成网页元素功能（按钮、文本等）_javascript技巧

创建元素的方法: 1.利用createTextNode()创建一个文本对象 2.利用createElement()创建一个标签对象 3.直接利用容器标签中的一个属性:innerHTML-----本质上改该标签容器中的"html代码",不是我们认为的对象树的操作 详解代码: <body> <input type="button" value="创建并添加节点1" onclick="addNode1()"/>