- 博客(27)
- 收藏
- 关注
RSS订阅原创 JS_动画
1. 动画和封装1.1 动画的分类闪现 div.style.left =”500px”匀速缓动1.2 动画原理盒子未来的位置 = 盒子现在的位置 + 步长； style.left赋值，用offsetLeft获取值。 style.left获取值不方便，获取行内式，如果没有值“”；容易出现NaN； offsetLeft获取值特别方便，而且是现成number方便计算。因为他是只读
2016-11-30 02:01:00
222
原创 JS_定时器轮播图
定时器无限轮播图<!doctype html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>定时器无限轮播图</title> <style type="text/css"> *{ padding:0; m
2016-11-30 02:00:34
7557
原创 JS_模拟百度搜索框
模拟百度索搜框<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .box {
2016-11-30 01:59:52
483
原创 JS_水果排序选择
水果选择排序版本<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> select { width: 150px; height: 200px; background-c
2016-11-30 01:59:19
983
1
原创 JS_祝愿墙
祝愿墙<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> body { margin: 0 auto; padding: 0px; font-size: 12px;
2016-11-30 01:58:42
1000
原创 JS_隔行变色高亮显示
隔行变色高亮显示<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; text-align: center;
2016-11-30 01:57:46
482
原创 css_背景
Css概念 CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表) Css是用来美化html标签的，相当于页面化妆。1、标签分类(显示方式)1.1 块元素典型代表： div,p,h1-h6,li,….. ★独占一行 ★可以设置宽高 ★没有定义宽度时，宽度为父集元素的宽度1.2 行内元素典型代表：span,a,strong,em,del…… ★在
2016-11-29 03:47:13
270
原创 html表单属性
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty
2016-11-29 03:45:06
249
原创 html_属性标签
Hyper text markup language 超文本标记语言。超文本：超链接。（实现页面跳转）1、内使用一些标签1.1 关键字<meta name="keywords" content="Java培训,Android培训,安卓培训,PHP培训,C++培训,iOS培训,网页设计培训,平面设计培训,UI设计培训,游戏开发培训,移动开发培训,网络营销培训,web前端培训">1.2 网页描述<
2016-11-29 03:43:12
495
原创 html_列表
Hyper text markup language 超文本标记语言。 超文本：超链接。（实现页面跳转）1、认识网页1.1 web 标准W3c组织(万维网联盟) html 结构标准 、css 表现标注、js 行为标准1.2 浏览器内核浏览器内核：也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容 以及页面的格式信息 ===>浏览器兼容问题出现IE： Trident
2016-11-29 03:42:40
613
原创 全选和反选
全选和反选<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { w
2016-11-29 02:05:04
304
原创 JS基础_BOM属性
BOM简介1. window对象1.1 window是JavaScript的顶级对象1.2 所有定义在全局作用域中的变量和函数都是window对象中的属性和方法1.3 window对象下的属性和方法调用的时候可以省略window2. BOM的内置方法和内置对象2.1 新窗口=window.open(地址,是否开新窗口,新窗口的参数)window.open(url,target,param)url
2016-11-29 01:47:57
309
原创 JS基础_DOM属性和操作
DOM操作1. 事件1.1 概述JS是以事件驱动为核心的一门语言1.2 事件三要素 事件源、事件、事件驱动程序a、获取事件源 获取事件源一共5种 document.getElementById(“box”); document.getElementsByTagName(“div”); document.getElementsByClassName(“leiming”); 要求掌握上面三
2016-11-29 01:47:35
2091
原创 JS基础加强五_数组操作
内置对象(数组)1. 数组高级API和Array的内置方法1.1 学习API的方法侧重点 调用者: 谁调用的 参数:有无,几个 返回值:有无 什么类型 功能:干什么的 自学方法 离线 离线文档在线 W3C 前端标准(W3CSchool)MDN (开发者网站) https://developer.mozilla.org/zh-CN/1.2 判
2016-11-29 01:47:06
318
原创 JS基础加强四_面向对象
面向对象(Object)1. 对象的定义阐述1.1 创建空白对象var obj = new Object();1.2 构造函数可以创建对象实例的函数区别于普通函数，首字母大写1.3 构造函数This This 只出现在函数中谁调用函数,this就指的是谁new People( ); people中的this代指被创建的对象实例new 开辟内存空间,存储新创建的对象(new Obje
2016-11-29 01:46:32
208
原创 JS基础加强三_函数
函数基础1. 函数概念1.1 什么是函数函数就是可以重复执行的代码块为什么要用函数 因为一部分代码使用次数可能胡很多次,所以封装起来,需要的时候调用就可以了1.2 函数定义三种方法 关键字function, function 函数名( ) { 程序 }//第一种function fn1(){console.log("我是第一种定义方法！");}//第二种(匿名函数)var
2016-11-29 01:46:04
263
原创 JS基础加强二_数组简介
数组1. 数组的概念1.1 为什么 学习数组 之前学习的数据类型，只能存储一个值。（字符串为一个值） 我们想存储多个值的时候可以使用数组。（字符串不方便） 比如：存储班级中所有学生的姓名。（[“张三”,“李四”,“王五”]）1.2 数组是什么 数组是一种数据类型。（把很多数据装入一个盒子中，用的时候在取出来） 字面量为[1,2,3]。可以理解为：西瓜皮[]，西瓜肉123，
2016-11-29 01:45:31
241
原创 JS基础加强一_变量
JavaScript基础知识1. JS概述1.1 JS作用验证表单(以前的网速太慢)页面特效(PC端的网页效果)移动端(移动web和app)异步和服务器交互(ajax)服务器开发(nodejs)1.2 弱类脚本语言(解释型语言，解析执行与编译执行)解析执行和编译执行 编译执行：把代码编译成CPU认识的语言(文件)，然后整体的执行解析执行：一行一行解析，解析一行执行一行弱类型脚本语
2016-11-29 01:45:03
248
原创 JS基础知识三
Javascript基础知识三1、自增自减1.1 i++ ++i在不参与运算的情况下，i++和++i都是在变量的基础加1var n1=123;n1++; //==>n1=n1+1; 在变量原来的基础上加1++n1; //==>n1=n1+1; 在变量原来的基础上加1在参与运算的情况下var n2=n1++; //先将n1赋值给n2，之后n1再自增var n2=++n1; //n
2016-11-29 01:43:21
221
原创 JS基础知识二
JS基础知识二1. JS对象1.1 Date( ） 对象 Date 对象用于处理日期和时间var mydate=new Date(); //通过new方法创建对象alert(Date()); // 返回一个完整的日期时间alert(mydate.getDay()); //返回当前是周几alert(mydate.getMonth()+1); //返回当
2016-11-29 01:42:39
268
原创 JS基础知识一
Javascript基础知识一1、JS基础介绍1.1 概念 Js是一门运行在客户端的编程语言。1.2 组成☞Ecmascript js语法标准☞Dom 通过js操作网页元素☞Bom 通过api操作浏览器1.3 特点☞简单易用☞解释执行（js解释型的语言） Js代码不通过编译，直接通过js引擎执行代码。☞基于对象1.4 JS书写位置☞内嵌式写法 <
2016-11-29 01:41:23
308
原创 细线表格
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"></head><body> <table width="300" height="200" bgcolor="green" cellspacing="1" align="center"> <caption>课程表</caption>
2016-11-29 01:39:21
205
原创 CSS-层级
CSS 基础知识点1. 小知识1.1 font : 加粗 字号/行高 格式；行高如果不写，默认为父盒子行高； u ins 下划线i em 倾斜s del 删除线font-weight: normal; 加粗变正常font-style: normal; 倾斜变正常text-decoration: n
2016-11-29 01:33:45
2503
原创 CSS_定位
Css概念 CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表) Css是用来美化html标签的，相当于页面化妆。1、定位 position 定位方向: left | right | top | bottom1.1 position:static； 静态定位 默认值，就是文档流。1.2 Position:absolute; 绝对定位特点：元
2016-11-29 01:32:51
226
原创 CSS_浮动
Css概念 CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表) Css是用来美化html标签的，相当于页面化妆。1、页面布局1.1 文档流(标准流) 元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行。1.2 浮动布局 float: left | right 特点： ★元素浮动之后不占据原来的位置
2016-11-29 01:32:02
347
原创 CSS_盒子
Css概念 CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表) Css是用来美化html标签的，相当于页面化妆。1、行高1.1 浏览器默认文字 浏览器默认文字大小：16px 行高：是基线与基线之间的距离 行高=文字高度+上下边距 一行文字行高和父元素高度一致的时候，垂直居中显示。1.2 行高的单位总结单位除了像素以为，行高都是与
2016-11-29 01:31:20
316
原创 CSS_选择器
Css概念 CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表) Css是用来美化html标签的，相当于页面化妆。1、样式书写位置1.1 内嵌式写法<head> <style type=”text/css”> 样式表内容 </style></head>特点:样式只作用于当前文件，没有真正实现结构表现分离1.2 外链式写法<li
2016-11-29 01:22:57
243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人