摘要: 截取前效果: 截取后效果: 阅读全文
posted @ 2017-04-13 17:13 banzhiyan304053078 阅读(830) 评论(0) 推荐(0) 编辑
摘要: 效果展示: 阅读全文
posted @ 2017-04-01 10:56 banzhiyan304053078 阅读(7434) 评论(0) 推荐(0) 编辑
摘要: HTML结构: <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head> <body><input type="checkbox" id="selectall"/>全选<div id="div"> <in 阅读全文
posted @ 2017-03-30 16:03 banzhiyan304053078 阅读(137) 评论(0) 推荐(0) 编辑
摘要: HTML结构: <!doctype html><html><head><meta charset="utf-8"><title>选项卡封装</title> </head> <body> <div class="div1" id="div1"> <ul class="list"> <li class= 阅读全文
posted @ 2017-03-30 15:50 banzhiyan304053078 阅读(87) 评论(0) 推荐(0) 编辑
摘要: <!Doctype html><html><meta charset="utf-8"><head><title>省市三级联动</title><script src="jquery-1.9.1.min.js" type="text/javascript"></script> <!--导入json格式的 阅读全文
posted @ 2017-03-30 14:55 banzhiyan304053078 阅读(1067) 评论(5) 推荐(0) 编辑
摘要: 1、水平居中的方法 ① 单行行内文本水平居中line-height 例如:<button style=”width:100px; height:100px; line-height:100px;”>提交</button> ② padding的使用(高自适应) 例如:<div style=”width 阅读全文
posted @ 2016-04-15 11:13 banzhiyan304053078 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 效果: 初始状态时滚动条是可以滚动的 弹出层出现之后:1、弹窗始终居于整个窗口的中间 2、滚动条不可滚动 实现代码: HTML代码: <div class="container"> <input type="button" value="点击" class="btn1"> <div class="o 阅读全文
posted @ 2016-04-14 10:51 banzhiyan304053078 阅读(169) 评论(0) 推荐(0) 编辑