html/css/js
关注
分享
扫一扫
Colin丶c
这个作者很懒，什么都没留下…
展开
-
原生js/jquery 实现拖拽功能
原生JS实现<!doctype html><html> <head> <meta charset="utf-8"> <title>拖拽功能</title> </head> <body> <div style="width:100px;height: 10...原创 2018-10-06 19:21:51 · 1379 阅读 · 0 评论 -
js 实现键盘控制方块移动
需求：在网页上有一个方块，我们需要键盘上下左右键控制方块的移动。代码：<!doctype html><html> <head> <meta charset="utf-8"> <title>移动方块</title> </head> <body&原创 2018-09-29 23:01:54 · 4206 阅读 · 2 评论 -
html+css写三角形
首先我们来看下面一段代码在页面中的效果图：<!doctype html><html> <head> <meta charset="utf-8"> <title>三角形</title> <style> .triangle{ width: 0; heig原创 2018-09-29 23:27:44 · 16145 阅读 · 0 评论 -
常见正则表达式
整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字："^[0-9]*$"。 只能输入n位的数字："^\d{n}$"。 只能输入至少n位的数字："^\d{n,}$"。 只能输入m~n位的数字：。"^\d{m,n}$" 只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"。 只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$&qu转载 2018-09-29 23:51:42 · 232 阅读 · 0 评论 -
jquery 实现 轮播图
<!doctype html><html> <head> <meta charset="utf-8"> <title>轮播图</title> <script src="js/jquery-1.12.3.js"></script>原创 2018-10-20 16:27:03 · 161 阅读 · 0 评论 -
jquery 实现 轮播图_滑动切换
<!doctype html><html> <head> <meta charset="utf-8"> <title>轮播图_滑动</title> <script src="js/jquery-1.12.3.js"></script&原创 2018-10-20 16:39:37 · 1168 阅读 · 0 评论 -
关于transition让height:auto 失效的问题
<body> <script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <style type="text/css"> .oh{overflow:hidden;} .box{ max-转载 2018-11-14 23:19:07 · 6062 阅读 · 1 评论 -
img图片默认下边距问题
我们想向网页添加一张图片的时候就会使用 <img/> 标签，当我插入一张图片后发现，图片会莫名的有下边距，如下图： 如果我们想让这条缝隙消失，那就可以给图片设置一个属性：vertical-align 可以将值设置为top或者bottom，这样图片的下边距就会消失了。...原创 2018-12-25 21:05:24 · 2933 阅读 · 0 评论