夜游神论坛,传奇一条龙,GM论坛,GM部落

 找回密码
 立即注册

QQ登录

只需一步,快速开始

安全 996 php 88A
查看: 1727|回复: 0

[解答] Html点击文字或按钮弹出一个DIV悬浮窗口代码

[复制链接]

签到天数: 806 天

[LV.10]以坛为家III

3138

主题

3879

帖子

3万

钻石

Rank: 9Rank: 9Rank: 9

积分
7017

最佳新人活跃会员推广达人以坛为家灌水之王热心会员

QQ
发表于 2019-12-16 00:49:34 | 显示全部楼层 |阅读模式
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">



  2. <html>

  3.     <head>

  4.         <meta charset="utf-8">

  5.         <title>SLK登录器下载中心</title>

  6.         <style>

  7.         .black_overlay{

  8.             display: none;

  9.             position: absolute;

  10.             top: 0%;

  11.             left: 0%;

  12.             width: 100%;

  13.             height: 100%;

  14.             background-color: black;

  15.             z-index:1001;

  16.             -moz-opacity: 0.8;

  17.             opacity:.80;

  18.             filter: alpha(opacity=88);

  19.         }

  20.         .white_content {

  21.             display: none;

  22.             position: absolute;

  23.             top: 25%;

  24.             left: 25%;

  25.             width: 55%;

  26.             height: 55%;

  27.             padding: 20px;

  28.             border: 10px solid orange;

  29.             background-color: white;

  30.             z-index:1002;

  31.             overflow: auto;

  32.         }

  33.     </style>

  34.     </head>

  35.     <body>

  36.         <p>SLKEI3.0登录器下载:<a href = "JavaScript:void(0)" onclick = "openDialog()">请点这里</a></p>

  37.         <div id="light" class="white_content">

  38.             <table>

  39.                 <tr>

  40.                     <td>fffff</td>

  41.                     <td>dddddd</td>

  42.                 </tr>

  43.                 <tr>

  44.                     <td>fffff</td>

  45.                     <td>dddddd</td>

  46.                 </tr>

  47.                 <tr>

  48.                     <td>fffff</td>

  49.                     <td>dddddd</td>

  50.                 </tr>

  51.             </table>

  52.             <a href = "javascript:void(0)" onclick = "closeDialog()">点这里关闭本窗口</a>

  53.         </div>

  54.         <div id="fade" class="black_overlay"></div>

  55.     </body>

  56.     <script type="text/javascript">

  57.         $(function(){

  58.         })

  59.         function openDialog(){

  60.             document.getElementById('light').style.display='block';

  61.             document.getElementById('fade').style.display='block'

  62.         }

  63.         function closeDialog(){

  64.             document.getElementById('light').style.display='none';

  65.             document.getElementById('fade').style.display='none'

  66.         }

  67.     </script>

  68. </html>
复制代码






上一篇:996M2引擎服务端复古传奇1.76三端手游内挂介绍
下一篇:来深度解析下哪里能获得传奇私服得游戏序列号的方法。
锄禾日当午,签到不辛苦...
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

传奇广告代理|传奇脚本|微变传奇|单职业传奇|热血传奇|传奇私服|GM论坛|英雄合击|小黑屋|百度统计|夜游神论坛 |网站地图

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.