动态网页设计与制作（HTML5+CSS3+JavaScript）（第3版）源码

动态网页设计与制作（HTML5 CSS3 JavaScript）（第3版）

• 作    者：吴以欣 陈小宁

【实例截图】

【核心代码】

示例1-1	初步了解HTML程序
示例1-2	将李白的诗《静夜思》显示在网页上
	pre元素显示诗句
示例1-3	了解div元素的用途
	div   CSS
	title属性
示例1-4	学习列表元素的使用
	嵌套列表的效果
示例1-5	学习表格元素的使用
	rowspan、colspan的效果
	滚动表格的效果1
示例1-6	学习图像元素的使用
	使用相对路径的图像
	改变图像尺寸的效果
	picture元素、source元素和img元素一起使用，用于为不同的浏览器尺寸指定不同的图像文件
示例1-7	学习a元素的使用
	span元素的效果
示例1-8	学习文字格式排版元素的使用
示例1-9	学习基本表单及input控件元素的使用
	提交表单后
示例1-10	学习表单控件元素的一些属性设置
示例1-11	学习表单及选项、列表等控件元素的使用
示例1-12	学习表单控件元素的一些属性设置
示例1-13	学习video元素、元素audio和source元素的使用
示例1-14	学习iframe、embed和object元素的使用
示例1-15	学习注释语句的使用
	ch1_09.html应用了一种CSS (ch2_00.css)
	ch1_09.html应用了另一种CSS (ch2_00_1.css)
示例2-1	初步了解样式及样式表
	文本溢出显示省略号
示例2-2	学习样式中的背景属性设置
示例2-3	学习样式中的边框线属性设置
	box-sizing: border-box保证不同的块具有相同宽度
示例2-4	了解元素的基本布局效果
示例2-5	了解变形属性值
示例2-6	了解过渡属性
示例2-7	了解动画属性
	同时移动和变化颜色的循环动画效果
	inherit/initial 属性
	定义样式表的各种方法
示例2-8	学习内部样式表的设置
示例2-9	学习外部样式表的设置
	网页内容的居中对齐
	整个屏幕上垂直居中块元素
	图片代替文字内容
示例3-1	固定表头、单双行使用不同的背景色的表格
示例3-2	文档的一角插入图片
	透明图片
示例3-3	具有透明边框效果的图片
示例3-4	叠加图片
示例3-5	图片阴影
示例3-6	画廊效果(图片的宽度与高度的比例都是一样)
	画廊效果(图片的宽度与高度的比例不一样)
示例3-7	鼠标移到按钮上时显示下拉菜单
示例3-8	鼠标移到文字上时显示提示
示例3-9	两列排版方式的响应式网页布局
示例3-10	简单的导向菜单条
示例3-11	简单的标签菜单
示例4-1	第一个JavaScript程序
示例4-2	使用外部文件保存JavaScript程序
示例5-1	定义、使用JavaScript变量
示例5-2	使用运算符
示例5-3	函数的定义与使用
示例5-4	函数中按值传递的参数
示例5-5	函数arguments.length的应用
示例5-6	对象的定义、创建和使用
示例5-7	用JavaScript处理事件
示例6-1	使用比较函数对一维数组、二维数组进行排序
示例6-2	使用for…in语句循环地读取或赋值关联数组中的各元素，使用关键字typeof测试所要选取的元素是否存在
示例6-3	字符串对象中有关字符串显示方法的应用
示例6-4	字符串对象中有关处理字符串内容方法的应用
示例6-5	字符串对象中有关处理字符串内容方法的应用
示例6-6	字符串与数字的转换
示例6-7	应用字符串对象的prototype属性
示例6-8	格式化数字
示例6-9	数学对象中随机方法的应用
示例6-10	数学对象中随机方法的应用
示例6-11	学习使用数学对象的方法来得到数学函数值
示例6-12	新建日期对象
示例6-13	日期对象方法的应用
示例6-14	日期对象方法的应用
示例7-1	初步了解如何使用JavaScript得到文档中的元素对象和使用其属性、方法及事件
示例7-2	使用文档对象的属性、方法及事件
示例7-3	设置、取出、删除cookie值
示例7-4	使用表单对象的属性、方法和事件
示例7-5	学习如何用JavaScript程序对表单中的元素进行赋值、选择等操作
示例7-6	如何用JavaScript进行列表项的添加、删除等操作
示例7-7	学习在表单中定位光标，学习如何使用表单元素的disabled属性及事件
示例7-8	在链接对象中使用onclick事件，并且中断链接操作
示例7-9	在图像对象上应用onmouseover和onmouseout事件
示例7-10	使用日期对象、图像对象的属性
示例7-11	使用图像对象数组及其属性和方法，使用setTimeout()函数动画地显示图片
示例7-12	学习使用innerHTML的方法改变网页内容
示例7-13	学习使用添加、删除结点的方法改变网页内容
示例7-14	动态改变网页样式属性
示例7-15	分别用display和visibility两种方法进行显示、隐藏设置
示例8-1	学习使用浏览器信息对象
示例8-2	学习使用窗口对象的属性和方法
示例8-3	使用窗口self属性及窗口/屏幕的尺寸、位置的属性和方法
示例8-4	使用窗口对象的scrollBy()及setTimeout()等方法
示例8-5	使用窗口对象的opener、parent等属性及open()、close()等方法
示例8-6	使用网址对象和窗口对象的属性及方法
示例8-7	使用历史对象的方法
示例8-8	使用历史对象的属性和方法
示例8-9	使用框架对象的属性
示例8-10	调用框架中的JavaScript函数
示例9-1	getObj()函数
示例9-2	isEmptyString ()函数
示例9-3	isCheckedRadio ()
示例9-4	getRadio ()
示例9-5	replaceStrAll ()
示例9-6	setSelection ()
示例9-7	将多选列表中的全部项选上
示例9-8	clearList ()
示例9-9	sortList ()
示例9-10	切换显示、隐藏函数toggleShow ()
示例9-11	页面上数据的读取和设置
示例9-12	浏览器上数据的读取和存储
示例9-13	HTML5表单校验方法和属性
示例9-14	HTML5表单校验方法和属性
示例9-15	窗口中的“窗口”
示例9-16	下拉菜单
示例9-17	阻止事件的冒泡
示例9-18	倒计数动画效果
示例9-19	在网页中动画显示6条信息
示例9-20	滑动菜单栏