程序人生
课程方向: |
网页前端 |
课程类型: |
功能实现 |
本站资源全部免费,回复即可查看下载地址!
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
课程简介:
本课程主要讲解表单美化,授之以鱼不如授之以渔,所以主要是对方法和思路的分享,对单选按钮、复选按钮(复选框)、文本框及下拉列表进行美化;对象不同,美化方法亦不同,让你网页中的表单与众不同。
课程须知:
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 练习题
|
温馨提示:
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!