遮罩層

`
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta content="telephone=no" name="format-detection"><meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>浮層</title>
<link rel="stylesheet" type="text/css" href="PUBLIC/Wechat/css/common.css"/>
<link rel="stylesheet" type="text/css" href="PUBLIC/Wechat/css/test/pay.css"/>
<style type="text/css">
.r_1>div{display: none;}
</style>
<script type="text/javascript" src="PUBLIC/Wechat/js/jquery-1.7.2.min.js"></script>
</head>
<body>
<div id="pay_mask">
<ul class="pay_mask">
<li class="pay_city">
<p class="font_15">上海市</p>
</li>
<li class="pay_card">


<p class="color_jh">掃一掃,加客服微信噢!</p>
</li>
<li class="pay_num pay_a">
<div class="float_l pay_pic">

</div>
<p class="color_jh font_13">13633666633</p>
</li>
<li>
<button class="font_13 color_sl pay_btn">立即支付</button>
</li>
<li class="pay_close_btn"><div></div></li>
</ul>
</div>
<script type="text/javascript">
$(function(){
var p_mask_h = $(window).height() - $("#i_header").height();
$(".p_register").click(function(){
$("body").height(p_mask_h);
$("body").css({"overflow":"hidden"});
$("#pay_mask").show();
});
$(".pay_close_btn>div").click(function(){
$("#pay_mask").hide();
});
});
</script>
</body>
</html>

`

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末众眨,一起剝皮案震驚了整個濱河市齐饮,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異颗搂,居然都是意外死亡,警方通過查閱死者的電腦和手機幕垦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進店門丢氢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來傅联,“玉大人,你說我怎么就攤上這事疚察≌糇撸” “怎么了?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵貌嫡,是天一觀的道長比驻。 經(jīng)常有香客問我,道長岛抄,這世上最難降的妖魔是什么别惦? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮夫椭,結(jié)果婚禮上掸掸,老公的妹妹穿的比我還像新娘。我一直安慰自己益楼,他們只是感情好猾漫,可當(dāng)我...
    茶點故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布点晴。 她就那樣靜靜地躺著感凤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪粒督。 梳的紋絲不亂的頭發(fā)上陪竿,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天,我揣著相機與錄音屠橄,去河邊找鬼族跛。 笑死,一個胖子當(dāng)著我的面吹牛锐墙,可吹牛的內(nèi)容都是我干的礁哄。 我是一名探鬼主播,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼溪北,長吁一口氣:“原來是場噩夢啊……” “哼桐绒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起之拨,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤茉继,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蚀乔,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體烁竭,經(jīng)...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年吉挣,在試婚紗的時候發(fā)現(xiàn)自己被綠了派撕。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片婉弹。...
    茶點故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖终吼,靈堂內(nèi)的尸體忽然破棺而出马胧,到底是詐尸還是另有隱情,我是刑警寧澤衔峰,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布佩脊,位于F島的核電站,受9級特大地震影響垫卤,放射性物質(zhì)發(fā)生泄漏威彰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一穴肘、第九天 我趴在偏房一處隱蔽的房頂上張望歇盼。 院中可真熱鬧,春花似錦评抚、人聲如沸豹缀。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽邢笙。三九已至,卻和暖如春侍匙,著一層夾襖步出監(jiān)牢的瞬間氮惯,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工想暗, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留妇汗,地道東北人。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓说莫,卻偏偏與公主長得像杨箭,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子储狭,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 原題:用js實現(xiàn)互婿,彈窗彈出時需要有半透明的蒙層,位置需要根據(jù)彈窗的大小實現(xiàn)左右晶密、垂直居中擒悬,對話框需要有標題欄(標題...
    離銘閱讀 704評論 0 0
  • 小把戲<!DOCTYPE html> *{margin: 0; padding: 0;}.box1{wi...
    張憲宇閱讀 631評論 0 1
  • 妹的,移動彈出浮層后稻艰,想滾動浮層內(nèi)部的內(nèi)容懂牧。可是發(fā)現(xiàn)html也跟著滾不可理喻,可惡的是 chrome 測試是沒問題...
    cca1000閱讀 464評論 0 0
  • 歡迎使用 Cmd Markdown 編輯閱讀器 我們理解您需要更便捷更高效的工具記錄思想僧凤,整理筆記畜侦、知識,并將其中...
    arcral閱讀 201評論 0 0
  • 一大早躯保,天陰沉沉的旋膳,知道是雨將至,準備好雨衣途事,邁著輕快的步子前往早市验懊。與其說去買早餐,不如說是為了見卷餅夫婦——虔...
    Oak水木閱讀 177評論 0 0