基于jQueryUI和Corethink实现百度的搜索提示功能

前端  /  管理员 发布于 3年前   133

先给大家展示下效果图：

 

目录：

 

这里是以corethink模块的形式，只需要安装上访问

index.php?s=/test/index

1.建好模块目录，写好模块的总体文件

opencmf.PHP

 array('name' => 'Test','title' => 'Test','icon' => 'fa fa-newspaper-o','icon_color' => '#9933FF','description' => 'Test','developer' => 'pangPython','website' => 'http://blog.csdn.net/u012995856/','version' => '1.3.0','dependences' => array('Admin' => '1.3.0',)),// 用户中心导航'user_nav' => array(),// 模块配置'config' => array(),// 后台菜单及权限节点配置'admin_menu' => array('1' => array('id' => '1','pid' => '0','title' => 'Test','icon' => 'fa fa-newspaper-o',),'2' => array('pid' => '1','title' => '内容管理','icon' => 'fa fa-folder-open-o',),));

2.写控制器

IndexController

display();}public function mydata($keyword){if ($keyword==11) {echo '["pangPython","HelloWorld"]';}else{echo '["ActionScript","AppleScript","Asp","BASIC","C","C++","Clojure","COBOL","ColdFusion","Erlang","Fortran","Groovy","Haskell","Java","JavaScript","Lisp","Perl","PHP","Python","Ruby","Scala","Scheme"]';}}}

3.写前台文件

index.html

Autocomplete

以上所述是小编给大家介绍的基于jQueryUI和Corethink实现百度的搜索提示功能,实现一个模拟后台数据登入的效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对站的支持！

您可能感兴趣的文章:

• 让input框实现类似百度的搜索提示(基于jquery事件监听)
• Jquery实现搜索框提示功能示例代码
• jquery+php实现搜索框自动提示
• jquery 模拟类搜索框自动完成搜索提示功能(改进)
• jQuery 插件仿百度搜索框智能提示(带Value值)
• 利用JQuery为搜索栏增加tag提示
• Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
• jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
• asp.net使用jquery实现搜索框默认提示功能
• jquery实现非叠加式的搜索框提示效果
• jQuery实现模拟搜索引擎的智能提示功能简单示例