因为它写的是苹果,不是低测试
工具并没有一个特定版本的
浏览器
兼容性测试,我不是前面也请原谅我,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);
以上是本文的全部内容,希望大家能喜欢。