juery框架写的弹窗效果适合新手
2013-11-27 00:00
447 查看
本人新手写点代码有点村,希望大家多多包含!!!!!!
如果对你有帮助也算没有白白上传!!!!!!(需要了解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框架写的弹窗效果
- java 自己搭建简单游戏框架(适合有想法却无法入手的新手。)
- ssm框架之Spring和Mybatis整合(适合新手)
- SSM框架-详细的整合方案(超详细,适合新手阅读)
- 模拟框架集效果把默认滚动条设为图片(适合页面装饰)
- 新的框架,新的感觉ASP.NET MVC 分享一个简单快速适合新手的框架
- ReactiveCocoa框架菜鸟入门——信号(Signal)详解 第五课:适合给新手看的RAC用法总结
- SSM框架示例(适合新手)
- 图书管理系统SSM框架--简单全面适合新手学习
- 域名查询系统--适合新手
- 【特效】弹窗效果(多个页面可统一调用,带遮罩背景)
- TensorFlow 深度学习框架(6)-- mnist 数字识别及不同模型效果比较
- Js弹窗效果值得收藏
- TensorFlow 深度学习框架(6)-- mnist 数字识别及不同模型效果比较
- 高效率编辑器 VIM-操作篇,非常适合 VIM 新手
- 高效率编辑器 VIM-操作篇,非常适合 VIM 新手
- 一个弹窗效果
- typedef void (*pFunction)(void);讲解的特别好,适合新手学习