为了账号安全,请及时绑定邮箱和手机立即绑定

搜索框制作

学习人数
难度级别 中级
课程时长 3小时 0分
综合评分 9.4
179人评价 查看评价
9.6 内容实用
9.3 简洁易懂
9.2 逻辑清晰

简介:本课程中,我们将使用jQuery和JavaScript两种技术来实现搜索框效果功能,并对jQuery和JavaScript两种技术进行了对比,你将可以了解到JQ与JS实现Ajax技术的不同点。赶快行动吧!

第1章 简单搜索框
对搜索框功能所需要的表单标签进行讲解,包括文本输入框、按钮、表单标签并且详细讲解Bing搜索框的制作方法,包括去掉Chrome焦点光环效果,定位搜索框方法,用图片美化输入框、按钮方法。

第3章 淘宝搜索框制作
本案例讲解使用CSS样式对淘宝搜索框进行美化的方法,使用字符集把小图标制作成字体并插入到网页的方法。最后讲解一个有意思功能,使用语音输入功能,用户以语音的方式在搜索框中输入关键字。

讲师提示

远人 Web前端工程师
课程须知
具有HTML、CSS样式、Javascript、jQuery基础知识
老师告诉你能学到什么?
可以利用HTML、CSS样式制作出搜索框效果,并使用Javascript及jQuery代码实现Ajax技术分别实现搜索引擎的制作。 1. 定位元素 2. 输入框、按钮美化 3. 修复IE兼容性问题 4.使用Javascript代码实现Ajax技术 5.使用 jQuery代码实现Ajax技术 6.同源原理
意见反馈 常见问题 APP下载
官方微信