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

来源：动视网责编：小采时间：2020-11-27 21:45:23

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

javascript弹出窗口实现代码_javascript技巧:很多网页都实现了弹出窗口，使用方面，特别的人性化，本文就大家介绍javascript实现弹出窗口特效，具体代码如下：弹出窗口 *{ margin: 0; padding: 0; } div{ margin: 0 auto; /*border: 1px solid red;*/ } .ove

推荐度：

点击下载本文 文档为doc格式

导读javascript弹出窗口实现代码_javascript技巧:很多网页都实现了弹出窗口，使用方面，特别的人性化，本文就大家介绍javascript实现弹出窗口特效，具体代码如下：弹出窗口 *{ margin: 0; padding: 0; } div{ margin: 0 auto; /*border: 1px solid red;*/ } .ove

很多网页都实现了弹出窗口，使用方面，特别的人性化，本文就大家介绍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技巧

推荐度：

点击下载本文 文档为doc格式

标签：窗口弹出实现

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐