本文實例講述了一款輕量級的表單提示插件---jQuery Form Toolltip。分享給大家供大家參考。具體如下：
jQuery Form Toolltip 特點：
運行效果截圖如下：
具體代碼如下：
jquery實例：jQuery Form Toolltip使用方法
引入核心文件
<script src="js/jquery/2.1.1/jquery.min.js"></script><script src="src/jquery.formtooltip.js"></script>
構建html
<form id="formname"> <table> <tr> <td> Title </td> <td><input type="text" value="blank" name="title"/></td> </tr> <tr> <td> Name </td> <td><input type="name" value="Blank Name" name="name"/></td> </tr> <tr> <td> Color </td> <td><input type="color" value="#000FFF" name="color"/></td> </tr> <tr> <td> TextArea </td> <td><textarea type="month" value="" name="text"></textarea></td> </tr> </table></form>
寫入JS初始化
$(document).ready(function(){ var fields = { title: { tooltip : "This field is actually for bla bla bla...</br>and bla bla bla", position: 'bottom' }, name : { tooltip: "This is for fun!!!!", //提示的信息 position: 'right', //動畫的方向 backgroundColor: "#FF0000", //背景顏色 color: '#FFFF00' //字體顏色 }, color : { tooltip: "This is for your cover color~~~<a href='#'>here</a>" }, text : { tooltip: "Please provide your comment here." } }; //Include Global Color $("#formname").formtoolip(fields, { backgroundColor: "#000000" , color : "#FFFFFF", fontSize : 15, padding : 10, borderRadius : 5}); });定義fields數組，把需要提示的表單字段依次寫入，然后調用formatoolip函數初始化。
以上就是為大家分享的jQuery表單提示插件：jQuery Form Toolltip ，很實用，希望大家喜歡。
新聞熱點
疑難解答
