求大神赐教十分感谢

求大神指教十分感谢
求大神赐教十分感谢

就是这个前台的写了页面让我去实现它这个是在页面的基础上点击注册单出一个小窗口一样但是我是个新手一点项目么做过只能请教大神们了感谢大神们指点说的详细点具体要写什么感谢了求大神赐教十分感谢

这是前台的部分代码
------解决思路----------------------



<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>

<style>

*{margin:0; padding:0; border:none;}

</style>

</head>


<body>


<div id="zhezhao" style="background:#000000; opacity:0.7; height:100%; width:100%; position:fixed; top:0; left:0; z-index:10"></div>

<div id="tanzhuang" style=" background:#FFFFFF;position:fixed; z-index:100;width:80%;">

<span id="close" style="float:right;font-size:40px">X&nbsp;&nbsp;</span>

<iframe style=" float:left;width:100%; height:500px;" src="http://www.baidu.com"></iframe>

</div>



<button id="open" style="font-size:56px;">打开</button>

</body>



<script>

///显示弹窗

$('#open').click(function(){

$('#zhezhao').show();$('#tanzhuang').show();	

});

//关闭弹窗

$('#close').click(function(){

$('#zhezhao').hide();$('#tanzhuang').hide();	

});



$(function(){

//弹窗定位到屏幕中间;

var window_height=$(window).height();	

var window_width=$(window).width();	

$('#tanzhuang').css('left',(window_width-$('#tanzhuang').innerWidth())*0.5)

.css("top",(window_height-$('#tanzhuang').innerHeight())*0.5)	

//

});

</script>

</html>

求大神赐教 十分感谢

相关推荐