- 博客(0)
- 资源 (7)
- 收藏
- 关注
ajax仿百度联想,基于jQuery框架插件
/*使用方法*
html
<div style="width:500px; height:30px; margin:auto;"><span><input type="text" id="UserName" name="UserName" value="" style="border:1px solid #d4d4d4; height:25px; line-height:25px; width:300px" autocomplete="off" /></span>
#autoDis .currt{ background:#CCC; color:#FFF;}
<script type="text/javascript">
w: 150, /*显示宽度px*/
/* ajaxUrl: '', /*返回json数据*/
/* ajaxType: 0, //0 :表示联想数据为source数据 1:ajax
hoverClass:'currt',//鼠标划过
domID: 'autoDis',//保存数据
source: '163.com|qq.com|gmail.com|hotmail.com|sina.com|yahoo.com.cn|sohu.com|139.com|xishiqu.com' /*联想内容*/
/*
$(document).ready(function()
{
$("#UserName").similar({
ajaxUrl:'getJson.php', $str = iconv("GB2312",'UTF-8',$str);$str=urlencode($str); $data=array('similarHtml'=>$str); echo json_encode($data);
ajaxType:1 // 0:1 0:表示 使用source数据 1:表示使用通过ajaxUrl返回json兑现数据 返回参数为:similarHtml
});
});
*/
2013-06-13
仿百度搜索联想以及注册联想
/*使用方法*
html
<div style="width:500px; height:30px; margin:auto;"><span><input type="text" id="UserName" name="UserName" value="" style="border:1px solid #d4d4d4; height:25px; line-height:25px; width:300px" autocomplete="off" /></span>
#autoDis .currt{ background:#CCC; color:#FFF;}
<script type="text/javascript">
w: 150, /*显示宽度px*/
/* ajaxUrl: '', /*返回json数据*/
/* ajaxType: 0, //0 :表示联想数据为source数据 1:ajax
hoverClass:'currt',//鼠标划过
domID: 'autoDis',//保存数据
source: '163.com|qq.com|gmail.com|hotmail.com|sina.com|yahoo.com.cn|sohu.com|139.com|xishiqu.com' /*联想内容*/
/*
$(document).ready(function()
{
$("#UserName").assner({
ajaxUrl:'getJson.php', $data=array('similarHtml'=>$str); echo json_encode($data);
ajaxType:1 // 0:1 0:表示 使用source数据 1:表示使用通过ajaxUrl返回json兑现数据 返回参数为:similarHtml
});
});
*/
2013-06-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人