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;
}