今天就放假了。没事情做,公司领导也不叫提前走,闲着无事看到个插件,自己修改了个下提示插件,方便以后使用!!!
效果图:
<script type="text/javascript">
$(function (){
$(".InfoTip").InfoTip({
Event : "click",//可选
timeOut : 200//停留时间
});
});
</script>
用法如下:
1、一共有4种提示操作,1、错误(error) 2、 成功(succ) 3、消息(notice) 4、等待(loading)
2、每个使用的元素加上以下3种属性
1)class必需为manhuaTip
2) ty类别必需为第一条的4种之一
3)msg提示的消息用法如下:
<input type="button" value="错误" class="InfoTip" ty="error" msg="出错了" />
<input type="button" value="成功" class="InfoTip" ty="succ" msg="小耗梓-菜谱网的提示插件发布成功了" />
<input type="button" value="消息" class="InfoTip" ty="notice" msg="好消息,小耗梓-菜谱网的提示插件发布了" />
<input type="button" value="等待" class="InfoTip" ty="loading" msg="正在提交您的请求,请稍候..." />