jquery邮箱自动提示

最新推荐文章于 2019-07-20 00:53:03 发布

daditao

最新推荐文章于 2019-07-20 00:53:03 发布

阅读量3.1k

点赞数

分类专栏： php 文章标签： jQuery

php 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

文章对你有帮助请访问这个网址：ichezone.com

求流量，谢谢大家帮忙！

jquery邮箱自动提示

此文章为转载:

http://www.zhangxinxu.com/wordpress/2010/06/%E6%96%87%E6%9C%AC%E6%A1%86%E9%82%AE%E7%AE%B1%E5%9C%B0%E5%9D%80%E8%87%AA%E5%8A%A8%E6%8F%90%E7%A4%BAjquery%E6%8F%92%E4%BB%B6/

在使用前需要有如下文件:

jquery-1.4.2.min.js

jquery.mailAutoComplete-3.1.js

大家可以到网上下载:

【jquery.mailAutoComplete-3.1.js】的请到这里下载: http://download.csdn.net/detail/daditao/5236428

【jquery-1.4.2.min.js 】的请到这里下载: http://ishare.iask.sina.com.cn/f/8869014.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   
<head> 
<style>   
.out_box{border:1px solid #ccc; background:#fff; font:12px/20px Tahoma;}   
.list_box{border-bottom:1px solid #eee; padding:0 5px; cursor:pointer;}   
.focus_box{background:#f0f3f9;}   
.mark_box{color:#c00;}   
</style>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<title>邮箱自动提示</title>   
</head>   
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>   
<script src="jquery.mailAutoComplete-3.1.js" type="text/javascript"></script>   
   
   
   
<body>   
<br />
<br />
<p>自定义class展示：<input type="text" id="customTest" size="28" /></p>   
</body>   
</html>   
<script>   
   
$("#customTest").mailAutoComplete({   
    boxClass: "out_box", //外部box样式   
    listClass: "list_box", //默认的列表样式   
    focusClass: "focus_box", //列表选样式中   
    markCalss: "mark_box", //高亮样式   
    autoClass: true,   
    textHint: true, //提示文字自动隐藏   
    hintText: "请填写邮箱地址"   
});   
</script>