为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
搜索框制作_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

搜索框制作

远人 Web前端工程师
难度初级
时长 3小时 0分
  • 时间绑定
    查看全部
  • li:hover{}
    查看全部
  • cursor:pointer; 鼠标划过时变成小手
    查看全部
    0 采集 收起 来源:实战题

    2016-03-17

  • 字体图标可以去这个网站上看看:http://www.iconfont.cn/ 字符集做搜索图标 写在样式表里<style></style> @font-face { font-family: iconfont; // 自定义名字 src: url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot); //资源位置 // 不同浏览器,兼容性问题 src:url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot?#iefix) format("embedded-opentype"),url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.woff) format("woff"),url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.ttf) format("truetype"), url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.svg#uxiconfont) format("svg") }写在样式表里<style></style> @font-face { font-family: iconfont; // 自定义名字 src: url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot); //资源位置 // 不同浏览器,兼容性问题 src:url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.eot?#iefix) format("embedded-opentype"),url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.woff) format("woff"),url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.ttf) format("truetype"), url(http://g.tbcdn.cn/tb/icon-font/1.1.5/iconfont.svg#uxiconfont) format("svg") }
    查看全部
  • (打码总结)封装一些常用的方法,方便使用
    查看全部
  • http://gtms01.alicdn.com/tps/i1/T1qyj8Fc8aXXc4E9bI-400-300.png 淘宝图片地址;
    查看全部
  • submit与button区别
    查看全部
    0 采集 收起 来源:标签讲解

    2016-03-17

  • js实现Ajax方法 1:非ie下使用window.XMLHttpRequest(),ie下使用ActiveXObject(); 2:onreadystatechange表示当浏览器状态发生变化时,给浏览器呈现效果。 3:readyState==4且status==200时,表示服务器正确相应并返回信息。 4:JSON.parse(_xhr.resonseText);将字符串转化为可被js识别的对象。 5:open('get',url,false)方法:打开服务器连接,false表示异步方式,使用ajax必须设置为false。 send()方法:发送到服务器
    查看全部
    0 采集 收起 来源:JS实现Ajax方法

    2016-03-17

  • 事件代理:为多个元素且用javascriap动态生成的元素添加事件----使用事件代理 多个元素添加相同的事件函数 $(document).delegate('li','click',function(){ var keyword=$(this).text(); location.href='http://cn.bing.com/search?q='+keyword'; });
    查看全部
  • jquery调用.get(url,'callback','json')<br> 第一个参数URL,请求的服务器的端口和服务器的接口的地址,由服务器和前端共同约定 第二个参数callback,从服务器处取来的数据,通过回调函数callback展示出来 第三个参数json,表示返回数据的类型 ajax同源规则,必须放在同一服务器下。 调用的q值是服务器规定,只需要使用就好 如果两个页面的协议、域名和端口是完全相同的,那么它们就是同源的。当前加载页面只能发出同源的ajax请求。<br> 比如说你的当前页面是http://www.example.com/test.html,那么这个页面中的只能发出 http://www.example.com/ 下的请求。
    查看全部
  • <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    查看全部
  • <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>最新版迷你JQ
    查看全部
  • IE兼容视图:<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    查看全部
  • cursor:pointer;
    查看全部
    0 采集 收起 来源:实战题

    2016-03-16

  • 防止IE浏览器进入怪异文档模式,兼容性视图 <meta http-equiv="X-UA-Compatible" content="IE=edge">
    查看全部

举报

0/150
提交
取消
课程须知
具有HTML、CSS样式、Javascript、jQuery基础知识
老师告诉你能学到什么?
可以利用HTML、CSS样式制作出搜索框效果,并使用Javascript及jQuery代码实现Ajax技术分别实现搜索引擎的制作。 1. 定位元素 2. 输入框、按钮美化 3. 修复IE兼容性问题 4.使用Javascript代码实现Ajax技术 5.使用 jQuery代码实现Ajax技术 6.同源原理
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!