ajax百度搜索框
来源:互联网 发布:剑三男神脸数据 花哥 编辑:程序博客网 时间:2024/06/04 19:24
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>#q {width: 300px; height: 30px; padding: 5px; border:1px solid #f90; font-size: 16px;}#ul1 {border:1px solid #f90; width: 310px; margin: 0;padding: 0; display: none;}li a { line-height: 30px; padding: 5px; text-decoration: none; color: black; display: block;}li a:hover{ background: #f90; color: white; }</style><script>function fn(data) { var oUl = document.getElementById('ul1'); var html = ''; if (data.s.length) { oUl.style.display = 'block'; for (var i=0; i<data.s.length; i++) { html += '<li><a target="_blank" href="http://www.baidu.com/s?wd='+data.s[i]+'">'+ data.s[i] +'</a></li>'; } oUl.innerHTML = html; } else { oUl.style.display = 'none'; }}window.onload = function() { var oQ = document.getElementById('q'); var oUl = document.getElementById('ul1'); oQ.onkeyup = function() { if ( this.value != '' ) { var oScript = document.createElement('script'); oScript.src = 'http://suggestion.baidu.com/su?wd='+this.value+'&cb=fn'; document.body.appendChild(oScript); } else { oUl.style.display = 'none'; } }}</script></head><body> <input type="text" id="q" /> <ul id="ul1"></ul></body></html>
阅读全文
0 0
- ajax百度搜索框
- Js+ajax实现智能百度搜索框
- JavaScript~ajax~百度搜索
- ajax实现百度搜索建议
- ajax+jquery实现类似百度搜索提示框
- jquery+ajax实现像百度搜索框中输入文字
- Ajax模拟百度搜索框的自动补全功能
- jquery+jsp+ajax实现类似的百度搜索下拉框
- 仿百度ajax搜索提示(jsp)
- 通过 ajax 仿照百度搜索功能[实例]
- AJAX实现百度搜索栏效果
- 利用ajax,json做出百度搜索建议
- php+ajax 仿百度搜索效果
- Ajax+Servlet+jsp仿百度搜索效果
- Servlet+Ajax实现百度智能搜索
- 仿百度搜索框
- 模拟百度搜索框
- 百度搜索框
- 线程的状态
- Android之Activity生命周期
- Spring的学习
- java单元测试——JUnit4Hamcrest
- 初试cocos
- ajax百度搜索框
- volatile的作用
- oracle '',null
- [DFS] leetcode 100. Same Tree
- Context都没弄明白,还怎么做Android开发?
- Android之FlexboxLayout弹性布局的介绍
- java系统高并发解决方案
- Codeforces Round #420 (Div. 2) 821C
- 快速幂取模算法