- 博客(8)
- 收藏
- 关注
原创 svg 环形进度条加读取进度效果(读数效果)-- 移动端 rem 适配
项目需求做一个环形进度条的效果需要有一个读数的效果,在网上查阅相关资料后整理了下 gif 效果如下,录制的不是很流畅多停留下时间看下 都是动态的效果 代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta content="width=d
2017-10-16 22:54:39 4228 2
原创 数字递增效果(读数效果)
最近项目需求中有用到环形进度条,然后需要读数的效果,在网上找了下相关的代码,写出来以后整理了下 话不多说直接上代码最终效果如下图 html<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery打开网页后数字动态跳转到指定数字大小代码</title><link rel="stylesheet" href="css/
2017-10-16 21:59:53 7067
原创 ios下button input checkbox radio 默认样式去除
开发移动端的时候ios 下 button input checkbox radio 会有默认样式,很丑的那种背景色不能去除,通过给元素添加如下样式可以去除-webkit-appearance: none;
2017-10-09 22:40:39 2974
原创 input type=number禁止输入小数
最近做一个项目需求是输入框只能输入数字,并且禁止输入小数 intpu type=number 就可以控制只允许输入数字,但是不能控制输入小数 在网上查阅相关资料后整理了下 代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>input type=number 禁止输入小数点</tit
2017-10-09 22:37:55 24252
原创 块级元素上下 或 水平居中
常规的css 方法如果要实现 块级元素的上下或者水平居中不是很方便,需要比较多的css 代码来控制, 但是如果使用 flex 布局来实现就会非常轻松 代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{
2017-10-09 22:26:33 625
原创 jq scrollTop() 方法
使用方法 给要滑动的元素的父级添加 scrollTop()方法,前提是滑动块的父级一定要用绝对定位 ,然后css 里加上 overflow:auto;才可以获取到值 代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="view
2017-10-09 22:18:15 1859
原创 input type=number 去掉输入框中的上下箭头
html 代码默认:<input type="number" /><br><br>处理:<input type="number" class="deal" />css 代码.deal::-webkit-textfield-decoration-container { background-color: #f0f3f9;} //添加背景色 下边两行是去掉input 输入框右边的上下箭头
2017-10-09 22:03:25 2355
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人