10 2015 档案
摘要：1、使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：load(url,[data],[callback]) 参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功
阅读全文
摘要：1、调用show()和hide()方法显示和隐藏元素 show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为：$(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示
阅读全文
摘要：1、页面加载时触发ready()事件 ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的：$(document).ready(function(){})等价于$(f
阅读全文
摘要：1、使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性，其中attr(属性名)格式是获取元素属性名的值，attr(属性名，属性值)格式则是设置元素属性名的值。 例如，使用attr(属性名)的格式获取页面中<a>元素的“href”属性值，并将该值的内容显示在<span>
阅读全文
摘要：1、:input表单选择器 如何获取表单全部元素？:input表单选择器可以实现，它的功能是返回全部的表单元素，不仅包括所有<input>标记的表单元素，而且还包括<textarea>、<select> 和 <button>标记的表单元素，因此，它选择的表单元素是最广的。 如下图所示，使用:inpu
阅读全文
摘要：1、:first过滤选择器 本章我们介绍过滤选择器，该类型的选择器是根据某过滤规则进行元素的匹配，书写时以“：”号开头,通常用于查找集合元素中的某一位置的单个元素。 在jQuery中，如果想得到一组相同标签元素中的第1个元素该怎样做呢？ 在下面的示例代码中你可能注意到我们会使用 $(“li:firs
阅读全文
摘要：1、#id选择器 jquery能使用CSS选择器来操作网页中的标签元素。如果你想要通过一个id号去查找一个元素，就可以使用如下格式的选择器：$("#my_id") 其中#my_id表示根据id选择器获取页面中指定的标签元素，且返回唯一一个元素。 例如： 在浏览器中显示的效果： 从图中可以看出，通过#
阅读全文
摘要：环境搭建 搭建一个jQuery的开发环境非常方便，可以通过下列几个步骤进行。 下载jQuery文件库 在jQuery的官方网站（http://jquery.com）中，下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮，将jQuery框架文件下载到本地即可。 2. 引入jQuery
阅读全文
摘要：商城类导航菜单制作（以京东为例--竖向列表横向伸缩） 可以用两种方式来实现：用CSS实现和用JS实现 方法一：用CSS实现（要点：使用hover） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w
阅读全文
摘要：运用JavaScript技术，掌握无缝滚动和歇间性滚动的制作方法。 一、marquee标签实现信息滚动 1 behavior滚动的方式 alternate：表示在两端之间来回滚动 scroll：表示由一段滚动到另一端，会重复 slide：表示由一端滚动到另一端，不会重复 2 direction滚动的
阅读全文
摘要：主要内容：分析不同倒计时效果的计算思路及方法，掌握日期对象Date，获取时间的方法,计算时差的方法，实现不同的倒时计效果。 Javascript 日期对象： Date()返回当前的日期和时间 getYear()返回年份，获得年最好用 getMonth()返回月份值（从0开始，+1） getDate(
阅读全文
摘要：运动框架实现思路： 1、速度（改变值：left , right , width , height , opacity） 2、缓冲运动 3、多物体运动 4、任意值改变 5、链式运动 6、同时运动 js用currentStyle和getComputedStyle获取css样式（非行间） 用js的styl
阅读全文
摘要：Document 下拉菜单 请选择分类 ASP开发 .NET开发 PHP开发 ...
阅读全文
摘要：第一章 事件流 事件：是文档或浏览器窗口中发生的、特定的交互瞬间。JavaScript和HTML之间的交互都是通过事件来实现的。 事件流：描述的是从页面中接受事件的顺序 IE：事件冒泡流 Netscape：事件捕获流 事件冒泡：即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级
阅读全文
摘要：JS 获取浏览器窗口大小 <script> // 获取窗口宽度 if (windows.innerWidth) { winWidth = windows.innerWidth; } else if ((document.body) && (document.body.clientWidth)) {
阅读全文
摘要：利用JavaScript知识，实现选项卡切换的效果。 效果图: 文字素材: 房产： 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房 家居: 40平出租屋大改造 美少女的混搭小窝 经
阅读全文
摘要：利用JavaScript知识，实现选项卡切换的效果。 效果图: 文字素材: 房产： 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三环 北京首现零首付楼盘 53万购东5环50平 京楼盘直降5000 中信府 公园楼王现房 家居: 40平出租屋大改造 美少女的混搭小窝 经
阅读全文
摘要：1、认识DOM 文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合，DOM节点有:
阅读全文
摘要：1、window对象 window对象是BOM的核心，window对象指当前的浏览器窗口。 window对象方法: 2、JavaScript 计时器 在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。 计时器类型： 一次性计时器：仅在指定的延迟时间之后触
阅读全文
摘要：1、什么事对象 JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。 对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等； 对象的方法：能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的“获取”(getYear)等
阅读全文
摘要：1、什么是事件 JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。 比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户
阅读全文
摘要：1、什么是函数 函数的作用，可以写一次代码，然后反复地重用这个代码。 如:我们要完成多组数和的功能。 var sum; sum = 3+2; alert(sum); sum=7+8 ; alert(sum); .... //不停重复两行代码 如果要实现8组数的和，就需要16行代码，实现的越多，代码行
阅读全文
摘要：1、if语句--做判断 if语句是基于条件成立才执行相应代码时使用的语句。 语法: if(条件) { 条件成立时执行代码} 注意：if小写，大写字母（IF）会出错！ 假设你应聘web前端技术开发岗位，如果你会HTML技术，你面试成功，欢迎加入公司。代码表示如下: <script type="text
阅读全文
摘要：1、什么事数组 我们知道变量用来存储数据，一个变量只能存储一个内容。假设你想存储10个人的姓名或者存储20个人的数学成绩，就需要10个或20个变量来存储，如果需要存储更多数据，那就会变的更麻烦。我们用数组解决问题，一个数组变量可以存放多个数据。好比一个团，团里有很多人，如下我们使用数组存储5个学生成
阅读全文
摘要：1、变量 定义：从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。 命名：变量名字可以任意取，只不过取名字要遵循一些规则: 1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美
阅读全文
摘要：1、如何插入JS 使用<script>标签在HTML网页中插入JavaScript代码。注意， <script>标签要成对出现，并把JavaScript代码写在<script></script>之间。<script type="text/javascript">表示在<script></script
阅读全文
摘要：absolute和fixed的相同点： 第一，完全脱离标准文档流 第二，未设置偏移量时，都定位在父元素的左上角 absolute和fixed的不同点： 第一、当设置偏移量时，偏移参照基准不同 absolute：1、没有已经定位的祖先元素，以<html>为基准偏移 2、有已经定位的祖先元素，以距其最近
阅读全文
摘要：案例一：导航菜单的制作 垂直菜单 关键点：导航菜单使用无序列表更符合语义化要求，而a标签需要设置为块级元素，才可以对其设置宽高背景等样式。 水平菜单 圆角菜单 圆角背景图片： 方法一：使用背景图片设置菜单栏圆角效果 方法二：使用CSS3设置圆角 改变高度的伸缩菜单 水平方向伸缩菜单 方法一：使用JS
阅读全文
摘要：结构、表现和行为分离，不仅是一项技术，更主要的是一种思想，当我们拿到一个网页时，先考虑设计图中的文字内容和内容模块之间的关系，重点放在编写html结构和语义化，然后考虑布局和表现形式。，减少HTML与CSS耦合度。 案例一：微博对话框 案例二：网页换肤（相同HTML，不同CSS）
阅读全文
摘要：W3C标准： 由万维网联盟制定的一系列标准，包括： 结构化标准语言（HTML和XML） 表现标准语言（CSS） 行为标准语言（DOM和ECMAScript） 倡导结构、样式、行为分离。 CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。 标准文档流 特点：从上到下，从左到右，输出文档内
阅读全文
摘要：什么叫做布局？ 又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合。 网页设计的特点 网页可以自适应宽度 网页的高度理论上可以无限延长 网页分栏 分栏又称为分列，常见的布局分为：一列布局、二列布局、三列布局、混合布局 前端工程师是将艺术与技术完美融合的关键岗位。 一列布局 通常作为网站
阅读全文
摘要：第十一章 CSS代码缩写，占用更少的带宽 盒模型代码简写
：还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12p
阅读全文
摘要：第九章 CSS盒模型 元素分类
： 在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>
阅读全文
摘要：第七章 CSS的继承、层叠和特殊性 继承：CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。 特殊性
权值的规则： 标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。
注意：还有一个权值比较特殊--继承
阅读全文
摘要：第五章 CSS样式基本知识 内联式css样式，直接写在现有的HTML标签中
CSS样式可以写在哪些地方呢？从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。 内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码： <p style="color:
阅读全文
摘要：第三章 与浏览器交互，表单标签 使用表单标签，与用户交互
网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。 语法： <form method="传送方式" action="服务器文件">
讲解：
1.
阅读全文
摘要：第一章 HTML介绍 Html和CSS的关系 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3
阅读全文
摘要：下载：官网下载（根据系统下载） 注意：当前稳定版本为2，但3的功能有提升；Mac和Windows下的快捷键不同 优点：启动速度快，界面简洁，可以直接打开图片。 1 菜单栏主要功能介绍 html:4t html:4s html:xt html:xs html:xxs html:5 主要快捷键列表 Ct
阅读全文