TA的每日心情 | 开心 2024-9-19 21:14 |
---|
签到天数: 757 天 [LV.10]以坛为家III
管理员
- 积分
- 1312481
|
课程简介:
本课程主要讲解表单美化,授之以鱼不如授之以渔,所以主要是对方法和思路的分享,对单选按钮、复选按钮(复选框)、文本框及下拉列表进行美化;对象不同,美化方法亦不同,让你网页中的表单与众不同。
课程须知:
1.对HTML+CSS相关知识熟悉
2.掌握FORM表单基本知识,会制作表单;
3.对JavaScript相关知识熟悉
课程能学到什么?
1. 对不同类型的表单能够进行美化
2.对表单输入域及标签说明有更深的认识
课程目录:
第1章 表单美化之单选按钮篇
采用贴图的形式对单选按钮进行美化,你知道为什么用定义列表吗?
1-1 内容简介 (01:06)
1-2 单选按钮美化的实现 (13:33)
1-3 用JavaScript实现单选按钮交互效果 (03:30)
1-4 练习题
1-5 练习题
第2章 表单美化之复选按钮篇
复选按钮又称复选框,以淘宝网中复选按钮为例,考虑不同浏览器的兼容性,你还可以认识addLoadEvent函数的用法。
2-1 简介及知识点介绍 (02:18)
2-2 复选按钮的制作 (04:31)
2-3 复选按钮美化的实现 (13:13)
2-4 练习题
第3章 表单美化之文本框篇
对我们每天都在用的文本框进行美化,用HTML5和CSS3轻松来实现。
3-1 简介及知识点介绍 (02:29)
3-2 文本框美化的实现 (10:56)
3-3 练习题
3-4 练习题
第4章 表单美化之下拉列表篇
以1号店的配送地址为例,用一种巧妙的方法轻松实现美化,并告诉你代码如何优化。
4-1 简介及知识点介绍 (01:45)
4-2 下拉列表美化的实现 (14:02)
4-3 用JavaScript实现下拉列表交互效果 (14:05)
4-4 代码优化 (03:04)
4-5 练习题
|
|