最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

易操作的jQuery表单提示插件_jquery

来源:懂视网 责编:小采 时间:2020-11-27 21:46:33
文档

易操作的jQuery表单提示插件_jquery

易操作的jQuery表单提示插件_jquery:本文实例讲述了一款轻量级的表单提示插件---jQuery Form Toolltip。分享给大家供大家参考。具体如下: jQuery Form Toolltip 特点: 你可以单独自定义提示信息的CSS样式。 你可以指定淡入淡出的方向,当前支持Top, Bottom, Right 和 L
推荐度:
导读易操作的jQuery表单提示插件_jquery:本文实例讲述了一款轻量级的表单提示插件---jQuery Form Toolltip。分享给大家供大家参考。具体如下: jQuery Form Toolltip 特点: 你可以单独自定义提示信息的CSS样式。 你可以指定淡入淡出的方向,当前支持Top, Bottom, Right 和 L
本文实例讲述了一款轻量级的表单提示插件---jQuery Form Toolltip。分享给大家供大家参考。具体如下:

jQuery Form Toolltip 特点:

  • 你可以单独自定义提示信息的CSS样式。
  • 你可以指定淡入淡出的方向,当前支持Top, Bottom, Right 和 Left
  • 运行效果截图如下:

    具体代码如下:

    jquery实例:jQuery Form Toolltip使用方法
    引入核心文件

    写入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

    易操作的jQuery表单提示插件_jquery:本文实例讲述了一款轻量级的表单提示插件---jQuery Form Toolltip。分享给大家供大家参考。具体如下: jQuery Form Toolltip 特点: 你可以单独自定义提示信息的CSS样式。 你可以指定淡入淡出的方向,当前支持Top, Bottom, Right 和 L
    推荐度:
    标签: 插件 提示的 jQuery
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top