专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > HTML/CSS

求大神赐教 十分感谢

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
求大神指教 十分感谢

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

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>无标题文档</title>
<scriptsrc="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<style>
*{margin:0;padding:0;border:none;}
</style>
</head>

<body>

<divid="zhezhao"></div>
<divid="tanzhuang">
<spanid="close">X&nbsp;&nbsp;</span>
<iframesrc="http://www.baidu.com"></iframe>
</div>


<buttonid="open">打开</button>
</body>


<script>
///显示弹窗
$('#open').click(function(){
$('#zhezhao').show();$('#tanzhuang').show();
});
//关闭弹窗
$('#close').click(function(){
$('#zhezhao').hide();$('#tanzhuang').hide();
});


$(function(){
//弹窗定位到屏幕中间;
varwindow_height=$(window).height();
varwindow_width=$(window).width();
$('#tanzhuang').css('left',(window_width-$('#tanzhuang').innerWidth())*0.5)
.css("top",(window_height-$('#tanzhuang').innerHeight())*0.5)
//
});
</script>
</html>


友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: