JS模拟模式窗口效果
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JS模拟模式窗口效果</title>
</head>
<script>
var falpha = 0;
function fchange() {
if (falpha != 90) {
table1.style.filter = "alpha(opacity=" + falpha + ")";
falpha = falpha + 10;
setTimeout("fchange()", 200)
} else {
falpha = 0;
}
}
function sss() {
table1.style.height = (window.document.body.clientHeight > window.document.body.scrollHeight) ? window.document.body.clientHeight : window.document.body.scrollHeight;
table1.style.width = "100%";
table1.style.display = 'block';
table2.style.left = window.document.body.scrollWidth / 2 - 100;
table2.style.top = window.document.body.offsetHeight / 2 - 100;
table2.style.display = 'block';
fchange();
}
function freset() {
table1.style.display = 'none'
table2.style.display = 'none'
}
</script>
<body topmargin="0" leftmargin="0" bgcolor="yellow" style="display: block;">
<!-- 屏蔽层 -->
<table id="table1" style="background: #FFFFFF; display: none; position: absolute;
z-index: 1; filter: alpha(opacity=90)" οncοntextmenu="return false">
<tr width="100%" height="100%">
<td>
</table>
<table οncοntextmenu="return false" id="table2" border="2" style="background: #E1E100;
border-color: red; display: none; position: absolute; z-index: 2; width: 200;
height: 100;" cellspacing="0" cellpadding="0" bordercolor="#800000">
<tr width="150" height="20">
<td align="right" bordercolor="#E1E100">
<input type="button" οnclick="freset()" value='确定'>
</td>
<td bordercolor="#E1E100">
<input type="button" οnclick="freset()" value='取消'>
</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>
<br>
<br>
<br>
<br>
<input type="button" οnclick="sss()" value='申请提交'>
</p>
</body>
</html>
JS模拟模式窗口效果相关推荐
- 用CSS实现的模式窗口效果,弹出固定大小的窗口
來源:http://www.php600.cn/read.php/586.htm CSS代码: <style> .black_overlay{ display: none; positi ...
- js模拟3D场景效果
这几个demo上星期平安夜做的,感觉效果不错,就放在出来,分享给大家. 要在二维空间模拟出三维的效果,就需要把三维的坐标转换成二维坐标.一个最基本依据是:东西越远,看到大小就越小,坐标越往消失点靠拢. ...
- 模拟窗口效果 Jquery
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- js java cookie_JS 打开一个模式窗口,使用Cookie传递一个参数
页面A,加载后打开一个模式窗口,设置一个参数,然后自己关闭 function fullScreen(){ loadpopup(); var width = screen.width-10; var h ...
- three.js 精灵模型-树林效果
详情进入:Three.js零基础入门教程(郭隆邦) 通过一张背景透明的树纹理贴图tree.png作为精灵模型的纹理贴图.map模拟一个树林效果. 效果: 代码: <!DOCTYPE html&g ...
- html5窗口播放插件,基于jQuery UI的模拟windows窗口插件
jquery-lwd是一款轻量级的基于jQueryUI的模拟windows窗口插件.该插件可以模拟windows窗口,对窗口进行最大化,最小化,拖动等操作.并提供windows2000经典主题效果.它 ...
- js打开新窗口并且不被拦截
js打开新窗口并且不被拦截 window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口,浏览 ...
- Gremlins.js – 模拟用户随机操作的 JS 测试库
Gremlins.js 是基于 JavaScript 编写的 Monkey 测试库,支持 Node.js 平台和浏览器中使用.Gremlins.js 随机模拟用户操作:单击窗口中的任意位置,在表格中输 ...
- js打开新窗口被拦截问题
打开新窗口的方式主要有 window.open, a标签增加target="_blank"属性,form标签增加target="_blank"属性 用户直接点击 ...
最新文章
- BenchmarkDotNet的使用
- linux 笔记: screen
- pyaudio:基于pyaudio利用Python编程从电脑端录制音频保存到指定文件夹+将录音上传服务器+录音进行识别并转为文本保存
- MySQL高级配置(二)详细介绍
- mysql extract month_MySQL日期时间 Extract(选取)函数
- latex中插图心得
- java中矩阵怎么打印_在Java编程中打印二维数组或矩阵
- #地形剖面图_备战中考 地理图表判读——地形剖面图
- docker安装redis【网易镜像方式】
- 阅读mybatis源码
- 微信小程序开发文档-萧然 8.28
- IB和A-Level哪个的含金量高?
- 深拷贝和浅拷贝的区别
- 在VMware Workstation中创建一个虚拟软盘,并在Windows XP上使用
- 程序员涨工资大多数靠跳槽吗?
- react实现markdown编辑器
- switch函数不加break的效果
- 你玩过轻量系统软总线应用吗?
- 【Linux操作系统】1. Linux操作系统简介、安装
- vi模式下的几种常用的保存文件并退出命令