meilovegui的博客

/*使用方法* 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 }); }); */

ajax仿百度联想与注册联想 这里不支持html标签，解压里面有使用方法

/*使用方法* 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 }); }); */

里面有7个模板样式 全部转化成html 可以直接使用

jquery1.7_2简体中文版.chm 简体中文版帮助文档. 新手学习工具

Js 访腾讯新闻特效 没有冗余代码，代码简洁

仿凡客诚品图片放大镜。下载后可以直接使用