本文实例讲述了射流研究…实现匹配时换色的输入提示特效代码。分享给大家供大家参考。具体如下：

这是一款射流研究…输入提示特效，当你在输入框中输入字母时，如果下边列出的类别中有与你字母相匹配的，那么这些内容将会变成红色，着重显示出来，与输入框下拉提示是基本是一样的，只是换了一个方式。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-tips-cha-color-codes/

具体代码如下：

html health eta http-equiv=' Content-Type ' Content=' text/html；字符集=GB 2312/标题一种输入提示特效，匹配时换色/titlestyle type='text/css'html，body { margin:20px划水：0;} body { color : # 454444 padd : 0；font:12px/30px '宋体；font-family : Tahoma} a { color: # 454444文本装饰：无；} a :已访问{ color: # 454444}a:hover，a:active，a : focus { color : # ff 6842文本修饰：下划线；}.汾磊{边缘-底部：30 px宽度：100%;float:left}。fenlei li { float:left宽度：20%;}.分雷跨度，分雷跨度a .分雷span a:link .fen lei span a :active .汾磊span a :拜访{ color : # f35d 61}.红色{ color : red }/style script function e(a，f){ for(var i=0，j=a.lengthiji ){ f.call(a[i]，I)；} }函数s(o){ var a=文档。getelementsbytagname(' a ')，r=new RegExp(o.value，' I ')；e(a)，函数{ c=a[n].innerHTMLif(o.value！=' r . test(c)){ a[n].innerhtml=' span ' c.replace(/[^]*/gi,'')'/span；}else{ a[n].innerhtml=c.replace(/[^]*/gi,'')；} })}/script/head ody form id=' form 1 ' name=' form 1 ' method=' post ' action=' input type=' text ' name=' text field ' id=' text field ' on key up=' s(this)'/input type=' submit ' name=' button ' id=' button ' value='提交//formdiv class=' fen lei ' ul lia href=' # target=' _ blank ' adidas阿迪达斯/a/Li Li AFU阿芙安娜苏安娜苏/a/Li Li AFU阿芙安娜苏安娜苏/a/Li/ul/div class=' fen lei ' ul lia href=' # ' target=' _ blank '芭比芭比/a/Li lia贝罗/a/li lia href='#' target='_blank '芭比芭比/a/li lia href='#' target='_blank '芭比芭比/a/Li lia贝罗/a/li /ul/div/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。