编程 Javascript

juery框架写的弹窗效果适合新手

Posted in Javascript onNovember 27, 2013

本人新手写点代码有点村，希望大家多多包含！！！！！！

<html> 
<head> 
<title>js弹窗效果</title> 
<meta http-equiv="content-type" content="text/html charset=gb2312"> 
<script language="javascript" src="jquery-1.4.js"></script> 
</head> <script language="javascript"> 
//document.body.offsetWidth="512px"; 
function mina(){ 
$("#dv").css("display","block"); 
var a = $(document).height(); 
var b = $(window).width(); 
var h =$(window).height(); 
f = (b-300)/2; 
d =(h-300)/2; 
$("#dv").css("margin-top",d); 
$("#dv").css("margin-left",f); 
$("#zhezhao").toggle(); 
$("#zhezhao").css("width",b); 
$("#zhezhao").css("height",a); 
} 
function nin(){ 
$("#dv").css("display","none"); 
$("#zhezhao").toggle(); 
} 
</script> 
<body> 
<div style="display:none;position:absolute;z-index:100;background:#ccc" id="zhezhao"></div> 
<input type="button" value="点击" onclick="mina()"> 
<div id="dv" style="width:300px;height:300px;border:1px solid red;display:none;position:absolute;z-index:1000;background:white;"> 
<div><span id="ss"style="width:30px;height:30px;border:1px solid blue;background:black;float:right;" onclick="nin()"></span></div> 
</div> 
<table align="center" border="1" width="888" height="668"> 
<tr> 
<td align="center">haha</td> 
</tr> 
</table> 
</body> 
</html>

如果对你有帮助也算没有白白上传！！！！！！（需要了解jquery框架）

juery框架写的弹窗效果适合新手

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS和函数式语言的三特性

Mar 05 Javascript

JavaScript实现列表分页功能特效

May 15 Javascript

jQuery实现html元素拖拽

Jul 21 Javascript

Javascript BOM学习小结(六)

Nov 26 Javascript

莱鸟介绍window.print()方法

Jan 06 Javascript

Bootstrap布局组件教程之Bootstrap下拉菜单

Jun 12 Javascript

JS实现简单的右下角弹出提示窗口完整实例

Jun 21 Javascript

原生js实现键盘控制div移动且解决停顿问题

Dec 05 Javascript

NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to

Dec 20 Javascript

jQuery实现简易的输入框字数计数功能示例

Jan 16 Javascript

js canvas实现放大镜查看图片功能

Jun 08 Javascript

angular4+百分比进度显示插件用法示例

May 05 Javascript

js使用数组判断提交数据是否存在相同数据

Nov 27 #Javascript

js每隔5分钟执行一次ajax请求的实现方法

Nov 27 #Javascript

js字符串截取函数substr substring slice使用对比

Nov 27 #Javascript

JS如何判断移动端访问设备并解析对应CSS

Nov 27 #Javascript

javascript如何动态加载表格与动态添加表格行

Nov 27 #Javascript

Js实现当前点击a标签变色突出显示其他a标签回复原色

Nov 27 #Javascript

showModalDialog在谷歌浏览器下会返回Null的解决方法

Nov 27 #Javascript