递易科技网
您的当前位置:首页javascript弹出窗口实现代码_javascript技巧

javascript弹出窗口实现代码_javascript技巧

来源:递易科技网
 很多网页都实现了弹出窗口,使用方面,特别的人性化,本文就大家介绍javascript实现弹出窗口特效,具体代码如下:





弹出窗口



 $(function(){
 $('.tc').hide();
 $('.btn').click(function(){
 $('.tc').show();
 })
 $('.tc').click(function(){
 $(this).hide();
 })
 })



点击出现

 
 22
 
 var a=document.getElementById('tc-con');
 a.style.left=(document.body.clientWidth/2- a.clientWidth/2)+'px';
 a.style.top=(document.documentElement.clientHeight/2- a.clientHeight/2)+'px';
 

22





弹出窗口



 $(function(){
 $('.tc').hide();
 $('.btn').click(function(){
 $('.tc').show();
 })
 $('.tc').click(function(){
 $(this).hide();
 })
 })



点击出现

 
 22
 

效果图:

显示全文