在程式提交後,我們需要驗證並提示出錯的位置,利用JQuery我們可以輕鬆實現氣泡提示,先看效果圖:
具體呼叫程式碼:
程式碼如下:
其實作過程如下:
1、首先我們在Photoshop中設計出提示框的形狀及背景。
2、我們將背景切成三個部分,top、main、bottom
頂部:
main:
bottom:
3、定義提示框的CSS檔案
程式碼如下:
. tooltip{
position:absolute; height:200px;
width:300px;
padding:10px;
}
.tooltip_main{
png);
background-position:center;
background-repeat:repeat-y;
padding-left:30px;
padding-right:30px;
color:#C00;
font-weight:bold;
}
.tooltip_top{
width:300px;
height:40px;
background-image:url(>height:40px;
background-image:url( ;
background-repeat:no-repeat;
background-position:bottom;
}
.tooltip_bottom{
width:300px;
height:20p; >background-image:url(images/tooltip_bottom.png);
background-repeat:no-repeat;
background-position:top;
複製程式碼
程式碼如下:
var Tooltip =var ;
Tooltip.show = function(msg,obj){
$('#' obj).after('
$(this).hide(); $('#' obj).focus(); }); }