会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
笨鸟使劲飞
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
2019年1月7日
让元素垂直水平居中的方式
摘要: 结构: <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 笨鸟使劲飞
阅读(139)
评论(0)
推荐(0)
2019年1月2日
倒计时完成之后执行alert语句
摘要: 现实倒计时完成之后执行alert语句 本来直接在判断里写了alert语句,后来发现当执行的一秒的时候就会执行,然后点击关闭之后才会变成0秒。然后改成如下这样 需要了解两点: 1. 修改innerHTML和页面渲染的问题 虽然代码是自上而下执行,但是js是单线程的,只有所有代码执行完毕之后,有空闲才会
阅读全文
posted @ 2019-01-02 17:59 笨鸟使劲飞
阅读(707)
评论(0)
推荐(0)
2018年12月29日
如何设置某些动作在凌晨12点时自动更新
摘要: 先定义一个方法timeShow() 当时写这个功能的时候是在react框架的项目里,然后用到了es6的箭头函数和let timeShow = () => { let timeNow = new Date().getTime() // 获取当前时间的时间戳 let timer = "2019-01-0
阅读全文
posted @ 2018-12-29 14:28 笨鸟使劲飞
阅读(434)
评论(0)
推荐(0)
2018年12月21日
箭头式导航
摘要: 目的: 纯css实现以上这种导航样式 代码: 结构: (因为空间问题,删除了一个li) 样式: 分解实现: 知识点: 定位, before和after伪类 css: 效果: 第二种:css 效果展示: 第三种是带箭头的边框: html: css: 效果展示:
阅读全文
posted @ 2018-12-21 15:26 笨鸟使劲飞
阅读(235)
评论(0)
推荐(0)
2018年12月18日
解决遮罩层下面的内容仍可滑动问题
摘要: 目前是在anular框架中出现了这个问题,别的框架中没有注意有没有这种问题,下面方法也是anular框架运用中使用到的 body{ height:100%; overflow:hidden; } 但是这种方法有时候没有效果。 方法二: $(".znqPmPay")是包着遮罩弹框的父级 if(判断条件
阅读全文
posted @ 2018-12-18 14:52 笨鸟使劲飞
阅读(1682)
评论(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 笨鸟使劲飞
阅读(299)
评论(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 笨鸟使劲飞
阅读(238)
评论(0)
推荐(0)
2018年6月15日
纯css自定义checkbox和radio的样式
摘要: 以上是结构。说明一下,这样写是为了展示点击文字即可选中的两种方式,因为之前我一直忽略了第二种方法。 css部分也是分开写的,其实基本一样,只是为了更直观看清楚: 改变checkbox: 总结用到的知识点: (1) :after 伪类 : 在元素之后添加内容 (2) content : 配合:befo
阅读全文
posted @ 2018-06-15 12:50 笨鸟使劲飞
阅读(262)
评论(0)
推荐(0)
2018年4月16日
布局补充
摘要: 之前写了css的居中布局,下面总结一下其他的布局,如果哪里不对,或者还是不够完整,欢迎指正补充。 住:页面效果就不展示了,可以自己手动敲一遍,亲自测试。 (一). 固定宽度 + 自适应 1. float + overflow 2. float + margin 注意:这样的布局和样式兼容性会稍微差一
阅读全文
posted @ 2018-04-16 16:53 笨鸟使劲飞
阅读(118)
评论(0)
推荐(0)
2018年4月8日
文字水平垂直居中
摘要: 这是结构 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 笨鸟使劲飞
阅读(228)
评论(0)
推荐(0)
上一页
1
2
3
4
公告