Simonealert.js+jQuery兼容电脑手机端弹出层
的有关信息介绍如下：
alert.js+jQuery兼容电脑手机端弹出层
新建html文档。
书写hmtl代码。
- style
- title
- content
- contentTextAlign
- width
- height
- minWidth
- className
- position
- animateType
- modal
- isModalClose
- bodyScroll
- closeTime
- buttons
书写css代码。
* { margin: 0; padding: 0; }
.w1004 { width: 1004px; margin: 0 auto; }
html body { overflow: visible; height: 100%; width: 100%; }
body { font-family: "Microsoft YaHei", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #333; background: #fff; font-size: 14px; overflow: auto; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, table, td, img, div, tr { margin: 0; padding: 0; }
li { list-style-type: none; }
img { border: 0 none; }
a { color: #333; text-decoration: none; outline: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a:hover { color: #b09865; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
.pointer { cursor: pointer; }
.left { float: left; }
.right { float: right; }
.clearfix:before { content: ""; display: table; }
.clearfix:after { content: ""; display: table; clear: both; }
.hidden { overflow: hidden; }
.red { color: #f00; }
.blue { color: #0074d9; }
textarea, input { word-wrap: break-word; word-break: break-all; padding: 0px; }
.t_l { text-align: left; }
.t_c { text-align: center; }
.t-r { text-align: right; }
.absolute { position: absolute; }
.relative { position: relative; }
.none { display: none; }
.block { display: block; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.col { color: #b09865; }
.table_cell { display: table-cell; vertical-align: middle; text-align: center; *display: block;
*font-size: 175px;
*font-family:Arial;
}
.table_cell>img { vertical-align: middle; }
.btn { border: 0; display: block; text-align: center; line-height: 35px; height: 35px; cursor: pointer; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; background: #b09865; }
书写并添加js代码。
代码整体结构。
查看效果。
