微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

易操作的jQuery表单提示插件

本文实例讲述了一款轻量级的表单提示插件---jQuery Form Toolltip。分享给大家供大家参考。具体如下:

特点:

  • 你可以单独自定义提示信息的CSS样式。
  • 你可以指定淡入淡出的方向,当前支持Top,Bottom,Right 和 Left

运行效果截图如下:

具体代码如下:

jquery实例:jQuery Form Toolltip使用方法

引入核心文件

rush:js;">

构建html

rush:xhtml;">

写入JS初始化

rush:vb;"> $(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

原文地址:https://www.jb51.cc/jquery/51363.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐