随笔分类 -  demo

纯CSS制作各种各样的网页图标（三角形、暂停按钮、下载箭头、加号等）
摘要：三角形 平行四边形图标 暂停按钮 暂停按钮的实现原理就是边框用border，里面的正方形用outline。因为outline有一个offset属性可以用来设置偏移量，并且是按照比例来的。 其实如果再将outline-offset的值设置小一点，一个加好就出来了 加号 如果再将其旋转，就变成了一个关闭 阅读全文
posted @ 2018-03-26 22:18 BluesQian 阅读(1177) 评论(3) 推荐(2)
两列布局
摘要：两列布局 效果： 4.1 左列定宽,右列自适应 (1)利用float+margin实现 html代码: css代码: (2)利用float+margin(fix)实现 html代码: css代码: (3)使用float+overflow实现 html代码: css代码: (4)使用table实现 h 阅读全文
posted @ 2018-03-17 13:56 BluesQian 阅读(199) 评论(0) 推荐(1)
HTML图片上下之间的空隙是什么原因
摘要：在这个问题上，《权威指南》该书第三版第 146 页有明确说到： 如果一个垂直元素没有基线——也就是说，这是一个图像或表单输入元素，或者其它替换元素——那么该元素低端与其父元素的基线对齐。这个对齐规则很重要，因为它使得一些 web 浏览器总是把替换元素的底边放在基线上，即使该行中没有其他文本。例如，假 阅读全文
posted @ 2018-02-06 21:25 BluesQian 阅读(692) 评论(0) 推荐(0)
canvas-海底气泡（面向对象编程）
摘要：需求：自动生成若干气泡，从海底往上浮； 1、基本的HTML结构： 2、JS代码： 1：创建气泡类Bubble，气泡的大小，上浮的速度，出现的位置，透明度皆随机 创建对象的方法有很多种，这里采用构造函数方法： 添加绘制的方法，我们可以将绘制方法添加到构造函数里，但是这里有一个问题，这个方法会随着这个类 阅读全文
posted @ 2018-01-27 15:52 BluesQian 阅读(506) 评论(0) 推荐(0)
原生JS实现图片轮播
摘要：大图滚动 1 2 3 4 5 6 7 ... 阅读全文
posted @ 2018-01-05 18:03 BluesQian 阅读(257) 评论(0) 推荐(0)
选项卡
摘要：Title 阅读全文
posted @ 2018-01-04 16:56 BluesQian 阅读(107) 评论(0) 推荐(0)
bootstarp模板01
摘要：HTML CSS 效果： 阅读全文
posted @ 2017-11-29 22:40 BluesQian 阅读(148) 评论(0) 推荐(0)
canvas雪花
摘要：canvas雪花 阅读全文
posted @ 2017-11-18 15:39 BluesQian 阅读(124) 评论(0) 推荐(0)
canvas绘制多边形
摘要：canvas绘制多边形 阅读全文
posted @ 2017-11-18 15:08 BluesQian 阅读(181) 评论(0) 推荐(0)
碰撞运动
摘要： 阅读全文
posted @ 2017-10-17 15:27 BluesQian 阅读(166) 评论(0) 推荐(0)
验证码效果
摘要：Document 获取验证码 阅读全文
posted @ 2017-10-09 15:56 BluesQian 阅读(130) 评论(0) 推荐(0)
空心三角形指示箭头
摘要：空心三角形指示箭头 阅读全文
posted @ 2017-09-26 16:53 BluesQian 阅读(233) 评论(0) 推荐(0)
不点白块游戏
摘要：只要不是白块，一个个点吧 Game start 阅读全文
posted @ 2017-09-25 17:48 BluesQian 阅读(134) 评论(0) 推荐(0)
Js动态操作表格
摘要：HTML CSS JS 阅读全文
posted @ 2017-09-25 16:06 BluesQian 阅读(167) 评论(0) 推荐(0)