- 博客(8)
- 收藏
- 关注
RSS订阅
原创 数组
什么是数组?数组对象是使用单独的变量名来存储一系列的值。创建一个数组创建一个数组，有三种方法。第一种：初始方法var myCars=new Array();myCars[0]="Saab"; myCars[1]="Volvo";myCars[2]="BMW";第二种：简单的方法var myCars=new Array("Saab","Volvo",".
2018-07-19 21:18:51
182
原创 拖拽
拖拽的思路：很简单的思路，通过三个鼠标事件：点击、移动、抬起，只要计算出当前位置即可，如果是图片的话加入：e.preventDefault();即可<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <sty
2018-07-18 21:18:01
217
原创 滚动事件监听 onscroll所实现的效果
<script> window.onscroll = function() { console.log("1111") } </script>
2018-07-17 20:58:04
1656
原创 Bootstrap 4 Flex（弹性）布局
弹性盒子(flexbox)Bootstrap 3 与 Bootstrap 4 最大的区别就是 Bootstrap 4 使用弹性盒子来布局，而不是使用浮动来布局。弹性盒子是 CSS3 的一种新的布局模式，更适合响应式的设计，如果你还不了解 flex，可以阅读我们的 CSS3 弹性盒子(Flex Box) 教程创建显示在同一行上的弹性盒子容器可以使用 d-inline-flex 类:<!DOC...
2018-06-22 08:51:00
1826
原创 Bootstrap4 轮播
轮播是一个循环的幻灯片<div id="demo" class="carousel slide" data-ride="carousel"> <!-- 指示符 --> <ul class="carousel-indicators"> <li data-target="#demo" data-s
2018-06-21 08:34:38
506
原创 弹性盒子
弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。CSS3 弹性盒子内容弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组...
2018-06-19 20:54:12
277
原创 Bootstrap
一 、响应式图像<img src="..." class="img-responsive" alt="响应式图像">二 、全局显示、排版和链接基本的全局显示Bootstrap 3 使用 body {margin: 0;} 来移除 body 的边距。body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;...
2018-06-14 21:28:04
114
原创 css 实心圆波纹状向外扩散
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-06-14 09:18:10
3764
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人