当前位置: 金莎娱乐场app下载 > 金莎娱乐app > 正文

一个仿糯米弹框效果demo-Web前端之家

时间:2019-11-23 05:59来源:金莎娱乐app
Tabs /* Remove margin padding */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; } /* Default Font */ body,button,input,select,textarea { font:12px/1.5 5b8
   Tabs  /* Remove margin padding */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; } /* Default Font */ body,button,input,select,textarea { font:12px/1.5 5b8b4f53,arial,sans-serif; } h1,h2,h3,h4,h5,h6 { font-size:100%; } address,cite,dfn,em,var { font-style:normal; } code,kbd,pre,samp { font-family:courier new,courier,monospace; } small { font-size:12px; } ul,ol { list-style:none; } a { text-decoration:none; } a:hover { text-decoration:underline; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } legend { color:#000; } fieldset,img { border:0; } button,input,select,textarea{ font-size:100%; } table { border-collapse:collapse; border-spacing:0; } .col-main{ float:left; width:100%; min-height:1px; } .col-sub,.col-extra { float:left; } .layout:after,.main-wrap:after,.col-sub:after,.col-extra:after { content:'20'; display:block; height:0; clear:both; } .layout,.main-wrap,.col-sub,.col-extra { zoom:1; } /* Common Features */ .hidden { display:none; } .invisible { visibility:hidden; } /* Remove Float */ .clear { display:block; height:0; overflow:hidden; clear:both; } .clearfix:after { content:'20'; display:block; height:0; clear:both; } .clearfix { *zoom:1; } /* For non ie browsers also display the vertical scroll bar by default, to prevent the flicker caused by the scroll bar */ html { overflow-y:scroll; } /* Default link styles */ a:link {color: #003399; } a:visited {color: #123689;} a:hover {color: #FF6600;}     body { height:1000px; } .dialog-wrap, .dialog { display:none; } .dialog-wrap { position:absolute; top:0px; left:0px; width:100%; z-index:99; background:#000; } .dialog { border:10px; background:url(images/welcome91981.png) no-repeat; z-index:199; position:fixed; _position:absolute; width:451px; height:313px; top:50%; left:50%; margin:-156px 0px 0px -225px; border-radius:10px;text-align:left; } .dialog .city-box { position:relative; width:100%; height:100% } .dialog .close { position:absolute; width:18px; height:18px; top:16px; right:16px; z-index:205; } .dialog .close a { display:block; width:100%; height:100%; } .cityBox{position:absolute;cursor:pointer;top:143px;left:212px;height:30px;line-height:30px;font-size:16px;color:#f4396d;padding:0 30px 0 10px;display:inline-block; z-index:200; } .cityBox span{width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block} .hotCityBox{position:absolute;width:272px;top:160px;left:170px;display:none;z-index:200;} .togle{color:#fff;position:absolute;left:50%;font-size:28px;z-index:200;} .togleborder{position:absolute;left:50%;font-size:28px;color:#ddd;top:3px;z-index:200;} .hotCityList{background:#fff;border-radius:5px;box-shadow:1px 1px 1px #333;top:22px;position:absolute;width:270px;border:1px solid #ddd; z-index:202;} .hotCityList p{padding:5px 0} .hotCityList p a{padding:0 8px;height:22px;line-height:22px;color:#333;font-size:14px;margin:3px 5px;text-align:center;display:inline-block;float:left} .hotCityList p a:hover{background:#f55583;color:#fff;text-decoration:none} .moreCity{border-top:1px solid #c6c6c6;height:30px;line-height:30px;text-align:right;} .moreCity a{color:#f55583;font-size:14px;margin-right:10px} .cityConfirm{position:absolute;cursor:pointer;width:168px;height:48px;left:137px;bottom:22px;} .cityConfirm a{width:168px;height:48px;display:block} .evet { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:198; }      北京  ◊ ♦   北京 上海 天津 杭州 西安 成都 郑州 厦门 青岛 深圳 太原 重庆 武汉 南京 广州 沈阳 济南 哈尔滨  更多城市>>         function dialog.height.css({'height':h,'opacity':0.5,'display':'block'}); $; } function close_dialog(){ $('.dialog, .dialog-wrap').hide.click{ $.show; $('.evet, .dialog-wrap').click{ $.hide; }); //dialog();  点击这里看效果 
 我是文字我是文字文字我字我是文字我是文字  

编辑:金莎娱乐app 本文来源:一个仿糯米弹框效果demo-Web前端之家

关键词: