提示暂停提示插件共享

提示暂停提示插件共享
因为它写的是苹果,不是低测试工具并没有一个特定版本的浏览兼容性测试,我不是前面也请原谅我,JS库jquery1.11.1低版本也应该是可能的,你需要jQuery,只是写着玩,希望我们可以分享共同提高
*提示提示jquery.tips.js v0.1beta jQuery插件
*
*使用方法
* $(选择器)。提示
*味精:你的消息!,需要您的邮件
1,提示符窗口显示位置1, 2, 3、4分别代表右下(左)可选默认值为1。
* / /颜色:# FFF,提示文本默认的白色可选
* / /背景:# F00,提示窗口背景颜色红色可选默认
*时间:2,自动关闭时间默认2秒设置0不是自动关闭可选的
*:0,横向偏移正负偏移右移向左默认0可选。
*:0,垂直偏移正向下负默认值偏移0可选。
* })
*
*
* /
函数($){)
美元。fn.tips =功能选项){
var默认值= {
侧面:1,
味精:' ',
颜色:# FFF,
背景:# F00,
时间:2,
X:0,
Y:0
}
var选项=扩展(默认值,选项);
如果(!选项。味精| | isnan(选项。侧)){
把新的错误('params错误);
}
如果(!$(# jquery_tips_style)。长度){
var样式=;
风格+ =。jq_tips_box { padding: 10px;位置:绝对;溢出:隐藏;显示:内联;显示:无;Z指数:10176523;};
风格+ =。jq_tips_arrow {显示:块;宽度:0px;高度:0px;位置:绝对;};
风格+ =。jq_tips_top {左边框:10px solid透明;左:20px;底:0px;};
风格+ =。jq_tips_left {边界上:10px solid透明;右:0px;顶部:18px;};
风格+ =。jq_tips_bottom {左边框:10px solid透明;左:20px;顶部:0px;};
风格+ =。jq_tips_right {边界上:10px solid透明;左:0px;顶部:18px;};
风格+ =。jq_tips_info {换行:破字;字:正常;边界半径:4px;填充:5px 8px;最大宽度:130px溢出:隐藏;盒的影子:1px 1px;1px # 999;字体大小:12px;鼠标指针;};
样式=;
$(文档体)追加(样式);
}
this.each(函数(){()
var元素= $(this);
无功element_top = element.offset()。顶,element_left = element.offset()。左,element_height = element.outerheight(),element_width = element.outerwidth();
选项。侧=选项。side44:math.round(选项。侧);
无功sidename = = = 1'top选项。侧边= = 2'right:选项:选项。侧= = 3'bottom选项。侧= = 4'left ':' ';
风险提示=美元('' +选项。味精+)。AppendTo(文档。体);
Tips.find('。jq_tips_arrow)。Css('border' -+ sidename,'10px固体+选项。BG);
Tips.find('。jq_tips_info)。Css({
颜色:options.color,
背景颜色:options.bg
});
开关(选项侧){
案例1:
Tips.css({
上图:element_top-tips.outerheight(X)+期权,
左:element_left-10 Y +选项。
});
打破;
案例2:
Tips.css({
上图:X element_top-20 +选项,
左:element_left element_width + Y +选项。
});
打破;
案例3:
Tips.css({
上图:element_top + element_height X +选项,
左:element_left-10 Y +选项。
});
打破;
案例4:
Tips.css({
上图:X element_top-20 +选项,
左:element_left-tips.outerwidth(Y)+期权。
});
打破;
违约:
}
VaR近期;
Tips.fadeIn('fast)。Click(function()){
ClearTimeout(近期);
Tips.fadeOut('fast,函数(){(){
Tips.remove();
})
})
如果(选项,时间){
近期= setTimeout(){()函数(
Tips.click();
}选项,时间* 1000);
Tips.hover(function(){()
ClearTimeout(近期);
}函数(){()
近期= setTimeout(){()函数(
Tips.click();
}选项,时间* 1000);
})
}
});
返回此;
};
}(jQuery);

以上是本文的全部内容,希望大家能喜欢。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部