jQuery点击输入框显示验证码图片

先看效果图：

要求：当输入框获得焦点时，自动显示验证图片。

代码如下（学习而已，仅供参考):

/***********************下是验证码对象* * * * * * * * * * * * * * var Validation={ }；验证。init=function(eleName，imageSrc){ this。image=imageSrc$("#"Elename).focusin(function(){ validation。show(Elename)；});} validation . image=validation . display=false validation . width=' 100 pxvalidation . height=' 30pxvalidation . div=null validation。show=function(Elename){ if(this。display==false){//首次显示如果(这个。div==null){ $(' # ' Elename).在(' div style=' display : noneid=' div _ validation _ ' Elename ' ' title='点击更换/div ')；这个。div=$(' # div _ validation _ ' Elename)；this.div.css('position '，' absolute ')；this.div.css('光标','指针');this.div.css('边框，' 1px实心# CCC’)；this.div.css('底色，' # FFF ')；this.div.css('背景-位置','中心');这个。div。CSS('背景-重复'，'无-重复')；this.div.css('height '，this。高度)；this.div.css('width '，this。宽度)；var objOffset=$('#' eleName).offset()；objoffset . top=$(“#”Elename).身高()6;这个。div。偏移量(ObJoffSet)；this.div.css('背景-图像'，' URL '(验证。image ' _ t=' new Date()')')；this.div.css('display '，' inline-block ')；this.display=true//点击更换这个。div。单击(function(){ validation。div。CSS('背景图像'，' URL('验证。image ' _ t=' new Date()')'))；});} else { this。div。CSS('背景图像'，' URL('验证。image ' _ t=' new Date()')')；this . display=true this . div . CSS(' display '，' inline-block ')；} } }验证。hide=function(){ if(this。display==true){ this。显示=假；这个。div。hide()；}}使用方式：

//验证码对象初始化Validation.init('validation '，' Ajax.ashx？handle=validation’)；//输入框身份验证图片地址//隐藏验证。hide()；以上就是本文的全部内容，希望对大家的学习有所帮助。