-
节省流量用字符集制作图标查看全部
-
html:查看全部
-
css 2: 自适应width:100%; 去掉焦点：outline:none;查看全部
-
css1: body{font-size:12px/1.5 tahoma,arial,sans-serif;} //默认字集,所有浏览器能识别到 a{text-decoration:none; } .search-tips,.search-button{float:right; } .search-tips{padding:3px 0 0 15px;} .search-tips a{color:#6c6c6c; } .btn-search{background-image:url(../img/1H.ico); background-repeat:no-repeat; /* background-position:0 -200px;*/ background-size:60px 100%; width:60px; height:35px; border:0; cursor:pointer; } .search-common{ height:39px; background-color:#f50; overflow:hidden; padding:3px 0 3px 77px; } .search-common input{ height:39px; line-height:39px; width:100%; border:0 none; outline:none; background-color:#fff; }查看全部
-
font:12px/1.5; //字体12像素 行高 1.5em 字体 1.5（注意没有单位，只是数字）表示 line-height 为当前字体大小的 1.5倍 这是css中font的简写写法。 字体：字体大小/字体行高 字体格式 tahoma 大河马字体，Tahoma为Windows操作系统的英文默认字型。Tahoma是种非常圆滑的字体。这个字体比较均衡，中英文混排显示时，不会出现中英文不对齐的状态。 arial 是一套随同多套微软应用软件所分发的无衬线体TrueType字型 sans-serif 表示是无衬线字体，是一种通用字体族。查看全部
-
最后缓存：Fiddler工具var getId=function(id){ return document.getElementById(id); } var addEvent = function(id,event,fn){ //容错防止id不对报错 var ele = getId(id)||document; if(ele.addEventListener){ ele.addEventListener(event,fn,false); }else if(ele.attachEvent){ ele.attachEvent('on'+event,fn); } } var Left = function(element){ var oleft = element.offsetLeft; var current = element.offsetParent; while(current!==null){ oleft += current.offsetLeft; current = current.offsetParent; } return oleft; } var Top = function(element){ var otop = element.offsetTop; var parent = element.offsetParent; while(parent!==null){ otop += parent.offsetTop; parent = parent.offsetParent; } return otop; }查看全部
-
事件代理：点击跳转到指定页面 var ajaxGet = function(url,callback){ //发送请求 var _xhr= null; if(window.XMLHttpRequest){ _xhr = new window.XMLHttpRequest(); }else if(window.ActiveXObject){ _xhr = new window.ActiveXObject("Msxml2.XMLHTTP"); } //响应服务器请求 _xhr.onreadystatechange = function(){ if(_xhr.status==200 && _xhr.readyState==400){ callback(JSON.parse(_xhr.responseText)); } } //发送请求false异步 _xhr.open("get",url,false); _xhr.send(null); } //事件代理跳转 var delegate = function(target,event,fn){ addEvent(document,event,function(e){ if(e.target.nodeName==target.toUpperCase()){ fn.call(e.target); } }) }查看全部
-
获取value内容li拼接一起发送给服务器：查看全部
-
发送请求-响应服务器请求//ajax发送请求获得后台数据 addEvent("search-input","keyup",function(){ //获取要发送的值 var searchText = getId("search-input").value; ajaxGet("http://api.bing.com/qsonhs.aspx?q="+searchText,function(d){ var d = d.AS.Results[0].Suggests; var html = ""; for(var i=0; i<d.length; i++){ html += "<li>" + d[i].Txt + "</li>"; } getId("search-result").innerHTML = html; //38 form表单搜索框的高度 getId("search-suggest").style.top = Top(getId("search-form"))+38+"px"; getId("search-suggest").style.left = Left(getId("search-form"))+"px"; getId("search-suggest").style.position="absolute"; getId("search-suggest").style.display="block"; }); }); delegate('li','click',function(){ var keyword = this.innerHTML; location.href = "http://cn.bing.com/search?q="+keyword; });查看全部
-
最后部分静态：38是文本搜索框查看全部
-
top封装：找到父元素的父元素的left相加一直找到跟目录没有父元素的那个。取元素到浏览器最顶部的距离查看全部
-
构建函数,封装函数： var getId=function(id){ return document.getElementById(id); } ps：//容错防止id不对报错var ele = getId(id)||document;查看全部
-
html:查看全部
-
ajax跨域报错：解决：可以在本地修改host文件 映射 api.bing.com 127.0.0.1 jsonp: http://blog.csdn.net/zhouyusong_bupt查看全部
-
ajax跨域报错：解决：可以在本地修改host文件 映射 api.bing.com 127.0.0.1查看全部
举报
0/150
提交
取消