juery框架写的弹窗效果适合新手
2018-10-12 14:09
246 查看
本人新手写点代码有点村,希望大家多多包含!!!!!!
如果对你有帮助也算没有白白上传!!!!!!(需要了解jquery框架)
<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框架写的弹窗效果适合新手
- juery框架写的弹窗效果
- SSM框架-详细的整合方案(超详细,适合新手阅读)
- 图书管理系统SSM框架--简单全面适合新手学习
- SSM框架示例(适合新手)
- 新的框架,新的感觉ASP.NET MVC 分享一个简单快速适合新手的框架
- 模拟框架集效果把默认滚动条设为图片(适合页面装饰)
- ssm框架之Spring和Mybatis整合(适合新手)
- ReactiveCocoa框架菜鸟入门——信号(Signal)详解 第五课:适合给新手看的RAC用法总结
- java 自己搭建简单游戏框架(适合有想法却无法入手的新手。)
- android 5.0以上版本自带适合所有view的点击效果
- 【Android入门日记】一、适合新手看的android环境配置(windows下)
- 不同应用环境相对适合的python框架
- Unity3D手游开发日记(7) - 适合移动平台的天气效果
- 什么样的网页适合使用框架
- 学习RAC小记-适合给新手看的RAC用法总结
- 200多种Android动画效果的强悍框架
- 快速掌握Android教程适合新手(4G)57讲
- 最明白的Unity3D手机平台分辨率自动匹配教程-适合新手
- 模拟QQ分组(具有伸缩功能) (添加开源框架的光闪烁效果)SimpleExpandableListAdapter 适配器的用法,并且可添加组及其组内数据。