juery框架写的弹窗效果适合小白
发布时间：2023-08-07 14:06:53 所属栏目：教程 来源：
导读：本人新手写点代码有点村，希望大家多多包含！！！！！！
代码如下:
<html>
<head>
<title>js弹窗效果</title>
<meta http-equiv="content-type" content="text/html charset=gb2312">
<scri
代码如下:
<html>
<head>
<title>js弹窗效果</title>
<meta http-equiv="content-type" content="text/html charset=gb2312">
<scri
|
本人新手写点代码有点村，希望大家多多包含！！！！！！ 代码如下: <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> （编辑：聊城站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
推荐文章
站长推荐
