jquery实现文字公告弹出层效果代码
代码语言:html
所属分类:弹出层
代码描述:jquery实现文字公告弹出层效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script> <style type="text/css"> .guize_html { position:fixed; top:25%; left:50%; margin-top:-80px; margin-left:-159px; width:318px; height:auto; border-radius:4px; background-color:#fff; color:#000; text-align:center; font-size:12px; } .guize_html p { padding:0 10px; text-align:left; text-indent:2em; } .guize_html_nei { width:318px; min-height:350px; overflow-y:auto; max-height:500px; height:350px; display:block; overflow-y:scroll; } .btn { display:block; margin:10px auto; width:240px; height:40px; border-radius:4px; background-color:#ff6434; color:#fff; text-align:center; line-height:40px; cursor:pointer; } .overfloat { position:fixed; top:0; left:0; z-index:9; display:none; width:100%; height:100%; background-color:rgba(1,1,1,.5); } </style> </head> <body> <div class="overfloat" id="gui_kai"> <div class="guize_html"><span class="guize_html_nei"><h3><br>关于信用卡申请规则的重申公告</h3><p><br>近日,因部分用户伪造虚假信息申请信用卡,给我司平台造成了严重.........完整代码请登录后点击上方下载按钮下载查看
网友评论0