为了账号安全,请及时绑定邮箱和手机立即绑定
  • 该功能已过期
    查看全部
  • 改进如下: CSS: .trigger-hover li:hover{ background: #f6f6f6; } JS: var getDOM = function(id){ return document.getElementById(id); } var addEvent = function(id,event,fn){ var el = getDOM(id)||document; if(el.addEventListener){ el.addEventListener(event,fn,false) }else if(el.attachEvent){ el.attachEvent('on'+event,fn) } } addEvent('search_tab','mouseover',function(){ this.className +=' trigger-hover'; }); addEvent('search_tab','mouseout',function(){ this.className = 'search-list'; }); function showTrigger(obj) { var oUl = getDOM('search_tab').getElementsByTagName('ul')[0]; var oLi = oUl.getElementsByTagName('li'); for(var i=0;i<oLi.length;i++){ oLi[i].className = ""; } obj.className += ' selected'; getDOM('search_tab').className = "search-list"; oUl.insertBefore(obj,oUl.firstElementChild); }
    查看全部
  • 事件代理
    查看全部
  • chrome下input text鼠标点击会有高亮的反应 因此要去掉用outline:none
    查看全部
    0 采集 收起 来源:Bing搜索框制作

    2016-04-18

  • 搜索引擎自动提示API 必应(bing) Api地址:http://sg1.api.bing.com/qsonhs.aspx?type=cb&cb=callback&q=设计 if(typeof callback == ‘function’) callback({“AS”:{“Query”:”设计”,”FullResults”:1,”Results”:[{"Type":"AS","Suggests":[{"Txt":"设计之家","Type":"SF"},{"Txt":"设计之家","Type":"AS"},{"Txt":"设计在线","Type":"AS"},{"Txt":"设计签名","Type":"AS"},{"Txt":"设计师","Type":"AS"},{"Txt":"设计软件","Type":"AS"},{"Txt":"设计网","Type":"AS"},{"Txt":"设计模式","Type":"AS"}]}]}} /* pageview_candidate */);
    查看全部
  • 事件代理:用js代码动态生成的元素用事件代理绑定事件,就叫事件代理?怎么感觉和我理解的不太一样
    查看全部
  • jQuery事件绑定
    查看全部
  • 语音搜索的功能,加一个属性 x-webkit-speech搞定。。。
    查看全部
  • 事件代理:为多个元素且用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/ 下的请求。
    查看全部
  • 搜索框中加语音输入功能: input标签加一个属性:x-webkit-speech=""
    查看全部
  • @font-face{ font-family:iconfont; src: }
    查看全部
  • 字符集图标
    查看全部
  • <i>标签放icon图标
    查看全部
  • 函数的私有变量前面加个下划线,习惯写法
    查看全部
    0 采集 收起 来源:JS实现Ajax方法

    2016-04-09

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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