兔源码网 - 专注DZ模版分享、DZ插件分享!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

广告
温馨提示:本站所有DZ相关模板、插件、教程(包括DZ应用中心已下架插件、模板)所有用户可全部免费下载,无任何收费模式(不包括VIP版块非DZ资源,VIP版块需购买会员组方可下载),如本站没有您需要的插件或模板,请自行前往淘宝互站网送吗网等第三方站点搜索相关插件或模板进行低价格购买下载本站非常不建议用户浪费金钱前往DZ应用中心购买。

【原创】DZ判断用户是否登录未登录用户点击相关内容则弹出浮窗提醒相关代码

[复制链接]
tuyuanma 发表于 2019-6-17 09:39:45 | 显示全部楼层 |阅读模式
温馨提醒:禁止内容附带广告图片、二维码图片,否则将在不通知情况下永久禁言账号!
欢迎加入兔源码站长交流群,您的加入是我们前行的动力!

DZ站长建站交流群:493651246

[ 温馨提示:点击上方群文字,可快速加入QQ群 ]


判断代码如下,CSS样式请自行调试:
4 J  w& ~' A7 S* _$ t  q
游客,如果您要查看本帖隐藏内容请回复
单独弹出浮层代码如下
  1.         <style> / ^. F1 d3 @% }  j+ G* s
  2.         .black_overlay{ 8 p6 H- l7 n6 i* |3 P, S
  3.             display: none; + o+ _7 C. e% I
  4.             position: absolute; ( [4 {/ R5 n2 R4 z6 E# f5 }
  5.             top: 0%; / V9 e! a" G4 ~9 I6 @
  6.             left: 0%; 7 a5 ^/ [, N+ U. p
  7.             width: 100%;
    4 ~, E# |+ \) {( e& w
  8.             height: 100%; 8 ~: V  e6 z8 d/ \
  9.             background-color: black; 1 L' H( U$ h: d5 g  f% P
  10.             z-index:1001;
    ' ?5 m' F4 v4 ^' k
  11.             -moz-opacity: 0.8; % q0 D8 T1 _# o1 y- A
  12.             opacity:.80; " ?3 q4 R; R& N6 u2 K* M" u
  13.             filter: alpha(opacity=88); $ A4 K7 U( ^1 T
  14.         } 8 c6 C' ^- p3 P: \2 K! U/ d
  15.         .white_content { 8 O$ V7 i: s. ?: }# I# @
  16.             display: none;
    ; {) I, W; k1 y1 D/ p7 i. o& d
  17.             position: absolute;
    # J) X& m$ `: }$ Z. \2 y$ {; L
  18.             top: 25%;
    + `& u+ J" ]" n( f
  19.             left: 25%;
    # G: ?  i7 M& W+ `
  20.             width: 55%;
    4 q" B, a8 {, R& F1 T. Y9 i1 ^
  21.             height: 55%; $ V8 Z. P4 t, N7 {0 c+ z
  22.             padding: 20px;
    2 {' k! u9 q) v: T6 G# j
  23.             border: 10px solid orange;
    & B! v0 H% E* N% y% ^- S, n% N
  24.             background-color: white; * I/ d0 C7 k) _8 t* D( ~
  25.             z-index:1002;
    ' b* i# b4 L( l8 C
  26.             overflow: auto;
    & e2 Z, y+ x! M7 @5 ~
  27.         }
    5 z- q( w, Z* w
  28. </style> 1 R: C( ]& o8 o
  29. 4 Q/ @7 Q2 t* g; j- K# t
  30. ; y# ?, n( j. |1 A  {
  31.         <p>示例弹出层:<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">请点这里</a></p> 6 z9 L5 D8 T3 U; Z9 m+ X
  32.         <div id="light" class="white_content">这是一个层窗口示例程序. & \6 h; D7 z; U
  33. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">X关闭</a></div> ( C$ ]) O1 S$ D1 K
  34.         <div id="fade" class="black_overlay"></div>
复制代码

版权声明
1、转摘或引用本站内容资源须注明原网址,并标明本站网址(兔源码www.tuyuanma.com);
2、对于转摘或引用本站内容资源而引起的民事纠纷、行政处罚或其他损失,本站不承担责任;
3、对于不遵守本声明或其他违法、恶意使用本站内容者,本站保留其追究法律责任的权利。




自动排版 | 高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

广告

兔源码网 ( 赣ICP备17001544号 公网安备36112102000036号 )

兔源码 QQ交流群:493651246  GMT+8, 2019-11-12 13:50
←站长统计工具 查看密码:tuyuanma

兔源码DZ模板下载 站长邮箱:tuyuanma@qq.com 站长QQ:3197813386 网站地图

© 2001-2013 本站内容皆来自互联网及用户分享,如需删除请提供软著或商标证书。

     
快速回复 返回顶部 返回列表