程序人生
| 课程方向: |
网页前端 |
| 课程类型: |
功能实现 |
本站资源全部免费,回复即可查看下载地址!
您需要 登录 才可以下载或查看，没有帐号？立即注册
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小时内回复你!
发表于 2018-12-16 23:28:57
照妖镜
发表于 2019-1-26 22:46:59
发表于 2019-3-4 20:59:57
