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

效果图：

显示全文

全部频道

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