国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery點擊輸入框顯示驗證碼圖片

2019-11-20 10:00:19
字體:
來源:轉載
供稿:網友

先看效果圖:

要求:當輸入框獲得焦點時,自動顯示驗證圖片。

代碼如下(學習而已,僅供參考):

/***********************下是驗證碼對象*****************/var Validation = {};Validation.init = function(eleName,imageSrc){  this.image = imageSrc;  $('#'+eleName).focusin(function(){    Validation.show(eleName);  });}Validation.image = '';Validation.display=false;Validation.width = '100px';Validation.height = '30px';Validation.div = null;Validation.show = function(eleName){  if(this.display==false){    //首次顯示    if(this.div==null){      $('#'+eleName).after('<div style="display:none;" id="div_validation_'+eleName+'" title="點擊更換"></div>');      this.div = $('#div_validation_'+eleName);      this.div.css('position','absolute');      this.div.css('cursor','pointer');      this.div.css('border','1px solid #CCC');      this.div.css('background-color','#FFF');      this.div.css('background-position','center');      this.div.css('background-repeat','no-repeat');      this.div.css('height',this.height);      this.div.css('width',this.width);      var objOffset = $('#'+eleName).offset();      objOffset.top+=$('#'+eleName).height()+6;      this.div.offset(objOffset);      this.div.css('background-image','url('+Validation.image+'&_t='+new Date()+')');      this.div.css('display','inline-block');      this.display = true;      //點擊更換      this.div.click(function(){        Validation.div.css('background-image','url('+Validation.image+'&_t='+new Date()+')');      });    }    else{      this.div.css('background-image','url('+Validation.image+'&_t='+new Date()+')');      this.display = true;      this.div.css('display','inline-block');    }  }}Validation.hide =function(){  if(this.display==true){    this.display = false;    this.div.hide();  }}

使用方式:

//驗證碼對象初始化Validation.init('validation','Ajax.ashx?handle=validation');//      輸入框ID    驗證圖片地址 //隱藏Validation.hide();

以上就是本文的全部內容,希望對大家的學習有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 米易县| 高邮市| 革吉县| 恭城| 平利县| 定西市| 博爱县| 朝阳市| 姜堰市| 全州县| 平泉县| 禹州市| 孟津县| 榕江县| 南召县| 弋阳县| 大冶市| 罗定市| 鱼台县| 钟祥市| 井陉县| 昂仁县| 兰西县| 华阴市| 漠河县| 青神县| 乐东| 屯门区| 翁牛特旗| 孟津县| 东阿县| 达孜县| 柞水县| 广东省| 都昌县| 林芝县| 黎平县| 称多县| 苏州市| 舟山市| 安丘市|