鹿大大 - 博客园

2018年1月15日

摘要：最终效果：源代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 .switchInput { 6 display: none; 7 } 8 .switchlabel { 9 position: relative; 阅读全文

posted @ 2018-01-15 10:50 鹿大大阅读(247) 评论(0) 推荐(0) 编辑

bootstrap折叠展开

摘要：效果图—折叠时：效果图—展开时：实现步骤： 1.引入bootstrap.css、jquery.js和bootstrap.css 2.给母版一个data-toggle="collapse" 和data-target="子版ID" 3.给子版一个class="collapse"和一个ID 结构布局：阅读全文

posted @ 2018-01-15 10:31 鹿大大阅读(772) 评论(0) 推荐(0) 编辑

2018年1月11日

左边三个小个子元素，头边一个高个子元素

摘要：想让左边的“经济舱”等三个元素居于底部 vertical-align没用页面样式是这样的：代码结构是这样的：阅读全文

posted @ 2018-01-11 17:04 鹿大大阅读(114) 评论(0) 推荐(0) 编辑

2018年1月3日

选项卡

摘要：效果图： HTML结构： JavaScript结构：源码： 1 <div class="row dongtaiChooseBox"> 2 <div class="col-sm-6 col-xs-6 col-lg-6 text-center dongtaiByNo" ng-model="srhTyp 阅读全文

posted @ 2018-01-03 10:36 鹿大大阅读(124) 评论(0) 推荐(0) 编辑

2018年1月2日

checkbox全选

摘要： checkbox全选有四种情况： 1.全选按钮checked——全选 2.全选按钮checked之后再次点击全选按钮——全不选 3.全选了之后取消选择某一个选项——全选按钮unchecked 4.全选了所有的选项——全选按钮checked 阅读全文

posted @ 2018-01-02 16:09 鹿大大阅读(170) 评论(0) 推荐(0) 编辑

2017年12月27日

一条条的（官网APP）

摘要： 1.表格加边框：table tr td{border:1px solid red;} 2.label对齐文字：给label和文字各一个vertical-align: middle; 3.左右不同fontsize的span元素对齐：高度给的是em，左右span元素的fontsize大小不一样，所以会出阅读全文

posted @ 2017-12-27 16:48 鹿大大阅读(201) 评论(0) 推荐(0) 编辑

2017年12月25日

Cross origin requests are only supported for protocol schemes:

摘要：报错原因：项目中用到了ajax，chrome禁止本地浏览时加载本地其他文件解决方式有两种： 1.用iis部署项目，通过localhost访问页面文件 2.给浏览器设置启动参数（allow-file-access-from-files），允许跨域访问阅读全文

posted @ 2017-12-25 10:25 鹿大大阅读(1271) 评论(0) 推荐(0) 编辑

2017年12月21日

angularjs中的ng-if

摘要：我想要右边这种效果，不明白为什么代码是这样的：我觉得ng-if应该放在tr上的：阅读全文

posted @ 2017-12-21 16:03 鹿大大阅读(133) 评论(0) 推荐(0) 编辑

2017年12月20日

label和input表单的height问题

摘要：（col-xs-是指占据container的多少，不是指占据body的多少）（line-height的单位还可以是%和em，其中%是指为字体的%多少倍）（em可以精确到小数点后三位，可以说是很方便了） 1.row中的label和input放在一起的话，高度要给label和input，不要直接给r 阅读全文

posted @ 2017-12-20 13:40 鹿大大阅读(737) 评论(0) 推荐(0) 编辑

2017年12月19日

zepto实现h5左滑显示删除按钮

摘要：这个一直报错：on() is not a function 不知道是为何，代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" id="viewport 阅读全文

posted @ 2017-12-19 09:16 鹿大大阅读(203) 评论(0) 推荐(0) 编辑