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

jquery tips 提示插件使用---随笔

苍意智
2023-12-01

jquery tips 提示插件 jquery.tips.js v0.1beta

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

示例

HTML
 <input type="text" class="form-control" id="name" placeholder="测试提示框" />
JS
$("#name").tips({
    side:3,
    msg:'测试提示',
    bg:'#AE81FF',
    time:2
});
$("#name").focus();
 类似资料: