摘要: 结构: <div class="box"></div> 方法一: .box{ width:300px; height:200px; position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-100px; backgro 阅读全文
posted @ 2019-01-07 11:02 笨鸟使劲飞 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 现实倒计时完成之后执行alert语句 本来直接在判断里写了alert语句,后来发现当执行的一秒的时候就会执行,然后点击关闭之后才会变成0秒。然后改成如下这样 需要了解两点: 1. 修改innerHTML和页面渲染的问题 虽然代码是自上而下执行,但是js是单线程的,只有所有代码执行完毕之后,有空闲才会 阅读全文
posted @ 2019-01-02 17:59 笨鸟使劲飞 阅读(671) 评论(0) 推荐(0) 编辑
摘要: 先定义一个方法timeShow() 当时写这个功能的时候是在react框架的项目里,然后用到了es6的箭头函数和let timeShow = () => { let timeNow = new Date().getTime() // 获取当前时间的时间戳 let timer = "2019-01-0 阅读全文
posted @ 2018-12-29 14:28 笨鸟使劲飞 阅读(408) 评论(0) 推荐(0) 编辑
摘要: 目的: 纯css实现以上这种导航样式 代码: 结构: (因为空间问题,删除了一个li) 样式: 分解实现: 知识点: 定位, before和after伪类 css: 效果: 第二种:css 效果展示: 第三种是带箭头的边框: html: css: 效果展示: 阅读全文
posted @ 2018-12-21 15:26 笨鸟使劲飞 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 目前是在anular框架中出现了这个问题,别的框架中没有注意有没有这种问题,下面方法也是anular框架运用中使用到的 body{ height:100%; overflow:hidden; } 但是这种方法有时候没有效果。 方法二: $(".znqPmPay")是包着遮罩弹框的父级 if(判断条件 阅读全文
posted @ 2018-12-18 14:52 笨鸟使劲飞 阅读(1667) 评论(0) 推荐(0) 编辑
摘要: function timestampToTime(timestamp) { var date = new Date(timestamp); // 时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (dat 阅读全文
posted @ 2018-12-18 14:47 笨鸟使劲飞 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 折扣显示,保留一位小数。 例如: 9.5折 <p>原价:<span class="oldPrice">500</span></p> <p>现价:<span class="nowPrice">300</span></p> var oldPrice = $(".oldPrice"); var nowPr 阅读全文
posted @ 2018-12-18 14:36 笨鸟使劲飞 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 以上是结构。说明一下,这样写是为了展示点击文字即可选中的两种方式,因为之前我一直忽略了第二种方法。 css部分也是分开写的,其实基本一样,只是为了更直观看清楚: 改变checkbox: 总结用到的知识点: (1) :after 伪类 : 在元素之后添加内容 (2) content : 配合:befo 阅读全文
posted @ 2018-06-15 12:50 笨鸟使劲飞 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 之前写了css的居中布局,下面总结一下其他的布局,如果哪里不对,或者还是不够完整,欢迎指正补充。 住:页面效果就不展示了,可以自己手动敲一遍,亲自测试。 (一). 固定宽度 + 自适应 1. float + overflow 2. float + margin 注意:这样的布局和样式兼容性会稍微差一 阅读全文
posted @ 2018-04-16 16:53 笨鸟使劲飞 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 这是结构 p{margin:0} 水平居中: (1). 直接在父集text-align:center,即:div{text-align:center} (2). p{display:table; margin:0 auto;} (3). div{display:flex;} p{margin:0 a 阅读全文
posted @ 2018-04-08 15:15 笨鸟使劲飞 阅读(211) 评论(0) 推荐(0) 编辑