- 博客(20)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 jQuery旋转抽奖
轮盘抽奖最终样式废话不多说先写静态样式:html <section></section> <button id="Cz">充值两千万</button>别问为什么，html样式就是这么少其他的都用jquery写接下来写css<style> section { width: 60...
2019-09-05 21:19:04
188
原创 jQuery完善轮播图
轮播图的最终效果实现的功能,每隔一段时间自动切换一张图片,点击下方小按钮可以切换图片，中间左右按钮也可以切换图片实现原理:利用display:none 和 索引值实现图片切换播图的静态样式先写html结构 <!-- 轮播图的最大框 --> <div class="banner"> <!-- 轮播图的图片,图片名字最后一定要是顺...
2019-09-05 20:57:39
273
原创 用css3写一个旋转立方块
利用css3动画 + html 写一个旋转立方块利用css3的 旋转 平移 3D等等属性写一个立体旋转的立方体;首先先写出立方体的结构,一个立方体六个面所以写六个div然后写出初始样式设置方块的大小,利用弹性盒子居中到页面的中间，变成了这样接下来用定位属性把他们放在一起给父元素一个3D转换transform-style: preserve-3d;<!DOCTYPE htm...
2019-08-10 17:16:52
405
原创 css+js点击事件制作弹出页面
用css和js实现以下页面点击弹出一个小页面窗口点击以后点击按钮还能返回页面接下来就开始利用js和css实现这个功能首先先写一个页面,我就简单写成这样通过display属性来控制里面的小页面通过中间的span标签来控制小页面的display属性值静态页面的代码 body, html { height: 100%; margin...
2019-08-10 15:18:10
5182
1
原创 jquery小知识
1.什么是 JQuery？js的脚本库2.JQuery的作用有哪些？可以简便的实现jsDOM遍历，事件处理，动画，ajax等操作3.JQuery的优势是什么？1.尺寸小，2.支持CSS3选择器，3.可以实现跨浏览器（但是需要注意的是：在引入JQuery后，全全局域会添加变量：$ ,(或者是：JQuery)）4.调用 : $()-它的参数是选择器（CSS1~ CSS3，JQuery自...
2019-09-05 22:19:59
193
原创 js深拷贝和浅拷贝
（例题讲解）var a = { name: “lucy” };var b = a;b.name = “lily”;b.age = 20;console.log(a);console.log(b);此时浏览器控制台输出应为：为什么此时 a 和 b 输出结果一样呢？实际上将对象赋值给 a ，是将对象的地址赋值给 a，根据这个这个地址我们可以找到这个对象，将 a 赋值给 b ，实际上...
2019-09-05 22:11:25
184
原创 js小知识
JavaScript 的简称为 js 全称 Javascript ECMAScript我们大多数都在用ec5的 所以一起来了解一下吧1、 解析型语言JavaScript 是一个脚本语言 也是一种解释型语言JavaScript 的语法构成与c++·java十分相似 （虽然相似一个是轻语言（js）重语言（java）他们两没有实质关系 只是名字相似）JavaScript 是一种基于语言对象的语...
2019-09-05 22:10:07
153
原创 jQuery放大镜
效果图:html: <section> <div class="bottom"> <img src="./img/1.jpg" alt=""> <img src="./img/2.jpg" alt=""> <img src="./img/3.jpg" ...
2019-09-05 21:50:06
159
原创 变量、运算符、数据类型
一、变量主要有数据:第一“数据的存储” 第二"数据读取"JavaScript 中所有的数据都存在变量中变量是一个可变的量 可变指的是值可变。var 是关键字 作用:声明变量liuChengJian是变量名 变量名一经声明就不可以改变,但是值可以改变 250是变量所赋的值1: var 关键字:作用: 声明变量2: 变量是:保存数据，且值可变得量。3: 变量用途:哪里有需要哪...
2019-08-25 17:35:20
304
原创 for循环知识点
for 循环 语句一：初始化，定义变量 语句二：条件句，只有满足语句二才会执行代码块 语句三：计算作用 ++ -- 执行顺序 语句一--->语句二 条件成立--->代码块--->语句三--->语句二条件成立--->代码块... 条件不成立 跳出循环 ...
2019-08-25 17:30:38
783
原创 函数、函数作用域
函数函数 将返回执行的代码封装成方法函数组成，函数名 参数 函数体函数名具有唯一性、参数分为 形参，实参函数体作用，完成该函数的功能函数定义 function-----》函数体中代码不会被执行平函数执行 函数名字（）----》 函数执行后 就会执行函数体中的代码块y=x+n 求任意两个数的和function 定义一个函数 函数名字叫sum函数执行语法，函数名字() ()执行...
2019-08-25 17:24:33
306
原创 css选择器
css基本语法结构:选择器{属性：值；}选择器作用：选中标签对其进行样式美化属性作用：对元素进行哪些样式美化值作用：决定属性美化的程度注意：css的属性与html元素行内属性不是一个东西css 选择器元素选择器html标签；选中所有对应的html标签.class 选中素有具有class行内属性的标签#id 选中所有具有id 行内属性的标签*选中所有的元素id与...
2019-08-25 17:21:21
177
原创 DOM操作整合
一、获取节点documentdocument.getElementById(元素ID)通过元素ID获取节点document.getElementsByName(元素)通过name属性获取节点document.getElementsByTagName(元素标签)通过元素标签获取节点节点指针父元素.firstChild获取元素的首个子节点父节点.la...
2019-08-25 17:17:32
293
原创 css样式知识点
css基本语法机构：选择器 {属性：值；}选择器作用：选中标签对齐进行样式美化属性作用：对元素进行哪样样式美化值作用：决定属性美化样式的程度注意：css中的属性与html元素行内属性不是一个东西css 选择器元素选择器html标签；选中所有对应的html标签.class 选中具有 class 行内标签的属性#id 选中具有 id 行内标签的属性*选中所有选择器id 与...
2019-08-14 14:18:56
247
原创 HBuilder打包步骤
HBuilder打包步骤1.导入文件（文件内 HTML 和 CSS 命名要规范，不能用中文，如果有导入图片，那么图片的命名中不能包含中文和特殊字符；）2.右键点击你的文件夹,在下拉菜单中选择【转换成移动APP（T）】3.转换成移动APP后，文件夹下会出现一个叫： manifest.json 的文件 点击进去，appid 选择云端获取，在页面入口选择中选择你想要看到的主页并选择（随便选，...
2019-08-14 14:11:54
1026
2
原创 标准盒模型和IE盒模型
盒子的布局一、在网页里复杂的页面被划分为一个个小块把html看成是一个大盒子包裹里面所有的小盒子每个盒子都是由内容、内边距（padding）、边框（border）和外边距（margin）组成。二、两种盒子模型。1.w3c标准盒子: padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和。2....
2019-08-11 19:08:02
420
原创 BOOTSTRAP全局样式规范
BOOTSTRAP 全局样式规范特点1：码整洁2：风格统一：3：美观简要bootstrap中排版之标题h1~H6.h1 ~ .h636 px 30px 24px 18px 14px 12pxBootstrap 将全局 font-size 设置为 14px，line-height 设置为 1.428。这些属性直接赋予 元素和所有段落元素。另外，表格<table cl...
2019-08-11 14:19:53
533
原创 html css排错方法
常见错误总结: 哪里没效果找哪里拍错方式:1:根据知识点2:根据业务逻辑来排查- 1:明确浏览器解析的顺序:标签 --> css --> js- 2:页面啥也没有，证明没有标签或者标签位置写错了- 3:页面上没有样式，证明选择器没选中- 4:页面上没有动态交互,要么没属性（交互属性），要么交互属性值绑定的元素不对自己写错了找错方法核心:根据自己所掌握的知识点进行拍...
2019-08-10 17:52:44
584
原创 html定位属性和浮动元素的知识点
初始htmlhtml是什么？有什么作用呢?超级文本标记语言（HyperText Markup Language）是标准通用标记语言下的一个应用，也是一种规范。html元素是用来构建页面的，大多数是以标签多的形式存在的。认识标签根元素标签全局属性，可以加在任何的标签元素上id属性: 以ID形式选取元素class属性：以class形式选取元素title属性：鼠标悬停的时候显示的描述文字...
2019-08-10 16:30:45
395
原创 弹性盒子的关键属性
关于弹性盒子Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。一、弹性盒子的规律是什么呢?有哪些特点呢?- 从父元素角度看:首先自身内部"流（流式布局）"发生了改变,从流式布局变为了弹性布局(文档流变为弹性流)注:本身还是处于流式布局中没有发生改变,内部的子元素的布局变为弹性布局- 从子元素角度分析:子元素...
2019-08-10 16:13:47
582
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人