-
搜索框，智能提示查看全部
-
Bing搜索框查看全部
-
/***搜索框的制作**/ submit要放在form标签内 margin：负值为反方向移动 浏览器兼容性：兼容IE（浏览器的模式用最新的IE渲染）防止IE进入怪异文档模式 <meta http-equiv="X-UA-Compatible" content="IE=edge"> input 的属性autocomplete 默认为on 其含义代表是否让浏览器自动记录之前输入的值 很多时候，需要对客户的资料进行保密，防止浏览器软件或者恶意插件获取到 可以在input中加入autocomplete="off" 来关闭记录 系统需要保密的情况下可以使用此参数查看全部
-
搜索菜单样式查看全部
-
搜索框语音功能: <input type="text" x-webkit-speech=""/> 在input里添加x-webkit-speech=""即可. chrome浏览器可用,其他浏览器未测试.查看全部
-
小图标制作查看全部
-
字符集做搜索图标 写在样式表里<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") }查看全部
-
字符集做搜索图标 写在样式表里<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") }查看全部
-
样式。查看全部
-
结构 。。查看全部
-
使用 JSON.stringify 将数组转换成 JSON 字符串， 使用 JSON.parse 将该字符串重新转换成数组查看全部
-
ajax请求获取函数ajaxGet 1、实例化对象 在非IE浏览器下，发送请求的对象是 XMLHttpRequest 在IE 浏览器下，发送请求的对象是 ActiveXObject 2、相应服务器请求 state==4&&status==200 json.parse：转换字符串 为js中可是别的实例化对象 3、打开服务器的链接 open('get',url,false) false异步获取 4、发送数据到服务器中send(null) url一般指的是浏览器窗口的网址。查看全部
-
实现与服务器间的交互： 1、ajaxGet实现数据传递 callback函数：取到服务器返回的数据，显示在html中 2、展示元素显示的位置 3、Google控制台调用：F12，console编译函数输出查看全部
-
百度也可以实现差不多的功能，使用百度的这个功能异常的简单，真是无法置信！ 第一步：导入js脚本文件，可以选择导入网络上的脚本也可以选择把脚本下载下来，因为这样我们可以更改脚本中一些我们不想看到的内容，比如：“百度搜索框提示”字样。 示例：<script charset="gbk" src="http://www.baidu.com/js/opensug.js"></script> 第二步：在想要提示的输入框上加入一个属性“baiduSug='1'”，据说取值范围为1和2，2表示用户选中sug词条时不执行表单提交动作，1则相反，但没感觉出来有啥不一样的。 简短的两个步骤即可完成。 ---------------------------------------------------- 特别注意：script标签的位置必须在body标签之后，否则无效。查看全部
-
合格工程师应该对原生的js代码有一定的了解 js实现下拉框提示功能 //事件兼容性，封装函数 1、获取元素的id 2、添加事件函数 3、offsettop函数 offset获取内容相对于父元素的边距，父元素可能是div，html查看全部
举报
0/150
提交
取消