当前位置: 首页 > 工具软件 > JQuery Tips > 使用案例 >

jquery tips

杜禄
2023-12-01

1、使用范围

        表单输入验证最为常用。

2、使用方法

        在页面中引用jquery.tips.js文件的路径

         <script type="text/javascript" src="static/js/jquery.tips.js"></script>

3、tips的参数使用

        使用方法
        $(selector).tips({   //selector 为jquery选择器
         msg:'your messages!',    //你的提示消息  必填
         side:1,  //提示窗显示位置  1,2,3,4 分别代表 上右下左 默认为1(上) 可选
         color:'#FFF', //提示文字色 默认为白色 可选
         bg:'#F00',//提示窗背景色 默认为红色 可选
         time:2,//自动关闭时间 默认2秒 设置0则不自动关闭 可选
         y:0,//横向偏移  正数向右偏移 负数向左偏移 默认为0 可选
         x:0,//纵向偏移  正数向下偏移 负数向上偏移 默认为0 可选
         });

4、实例

        if ($("#dataName").val() == "") {
            $("#dataName").tips({
                side : 2,
                msg : '用户名称不能为空!',
                bg : '#E05A5E',
                time : 2,
                x:10
              
            });
            return false;
        }

转载于:https://my.oschina.net/xyzhq/blog/704033

 类似资料:

相关阅读

相关文章

相关问答