// JavaScript Document
$.fn.bigShow=function(num){ //給定多少1個空格，可以是1個數字也能夠是1個數組
var info=$(this);//傳來的text對象
var bigT=$("<p id='bigShow'></p>");//獲得放大框對象
info.after(bigT);//增加標簽
bigT.css({position:"absolute",height:"25px",border:"1px solid #F93",color:"red",display:"none",padding:"4px","line-height":"25px","font-size":"28px","border-radius":"2px","font-weight":"bold"});//設置放大框樣式
var tops;//放大框距頂部的距離
if(info.offset().top<50){//放大框在下方顯示
tops=info.offset().top+info.height()+10;
}else{
tops=info.offset().top-bigT.height()⑴6;
}
info.keyup(function(){
var widths=info.offset().left+info.width()/2-bigT.width()/2;//放大框距左側的距離
bigT.css({top:tops,left:widths});//設置位置
var str="";
var vals=$(this).val();
if(typeof(num)=="object"){
var index=0;
for(var i=0;i<num.length;i++){
if(i==0){
str+=vals.substr(index,num[i])+" ";
}else{
str+=vals.substr(index,num[i])+" ";
}
index+=num[i];
}
}else{
for(var i=0;i<vals.length;i+=4){
str+=vals.substr(i,4)+" ";
}
}
bigT.text(str);//實時賦值
});
info.blur(function(){
bigT.css("display","none");
});
info.focus(function(){
bigT.css("display","block");
var widths=info.offset().left+info.width()/2-bigT.width()/2;
bigT.css({top:tops,left:widths});
});
}
