本文实例讲述了Java脚本语言实现为投入与文本区域自定义悬停，聚焦效果的方法。分享给大家供大家参考。具体如下：

这里演示Java脚本语言为投入输入框和文本区域文本框自定义悬停，聚焦效果，悬停也就是鼠标放上去之后的效果，聚焦是鼠标焦点问题，要实现这种效果，需要射流研究…来配合，这个例子就是很不错的，它把网页上输入框和文本框都加入了鼠标悬停和鼠标焦点效果。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/js-input-textarea-hover-focus-style-codes/

具体代码如下：

标题Java Script语言为输入/文本区自定义悬停，聚焦效果/title脚本类型=' text/JavaScript '函数asker fish(类型，标记，parentId){ if(window。attachevent){ window。attachevent(' onload '，function(){ var sfEls=(ParentID==null)？document.getElementsByTagName(标记):文档。getelementbyid(parentId).getElementsByTagName(标记);类型(SFElS)；});} } SfHover=function(SfElS){ for(var I=0；i sfEls.lengthi ) { sfEls[i].onmouseover=function(){ this。类名=' iptwhover} sfEls[i].onmouseout=function(){ this。类名=这个。类名。替换(新的RegExp(' iptHover b ')，' ')；} } } SfFocus=function(SfElS){ for(var I=0；i sfEls.lengthi ) { sfEls[i].onfocus=function(){ this。类名=' iptFocus} sfEls[i].onb lur=function(){ this。类名=这个。类名。替换(新的RegExp(' iptFocus b ')，' ')；} } }/脚本样式类型=' text/CSS '文本区域{边框：1 px实线# bbe1 f1宽度宽度：250像素高度：80 px} .iptHover，input:hover，textarea : Hover {边框：1 px实心# 77 c2e 3；}.iptFocus，input:focus，text area : focus { border :1 px solid # 77 c2e 3；背景色-: # Ef7ff；}/style input type=' text ' name=' text field '/br/text area name=' text area '/text area script type=' text/JavaScript ' ask erfish(sfHover，' input ')；吸烟鱼(sfFocus，‘input’)；suckerfish(sfHover，‘文本区’)；愠怒鱼(SfFocus，‘文本区’)；/script希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。