jquery form toolltip 特点:
你可以单独自定义提示信息的css样式。 你可以指定淡入淡出的方向,当前支持top, bottom, right 和 left运行效果截图如下:
具体代码如下:
jquery实例:jquery form toolltip使用方法
引入核心文件
构建html
title
name
color
textarea
写入js初始化
$(document).ready(function(){ var fields = { title: { tooltip : this field is actually for bla bla bla...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~~~here }, 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 ,很实用,希望大家喜欢。