属于你的jQuery提示框（Tip）插件_javascript技巧
来源：动视网
责编：小采
时间：2020-11-27 21:49:07
属于你的jQuery提示框（Tip）插件_javascript技巧
属于你的jQuery提示框（Tip）插件_javascript技巧:插件可以满足常用的提示显示，支持12个方向，支持边框、背景色、文本颜色自定义，支持位置微调、层级微调、宽度间距等参数调整。 先看看效果： tips:提示信息组件 参数： msg:'asdf',内容 dire:2,方向 w:250,宽度 _x:0,横向偏移 _y:0,纵
导读属于你的jQuery提示框（Tip）插件_javascript技巧:插件可以满足常用的提示显示，支持12个方向，支持边框、背景色、文本颜色自定义，支持位置微调、层级微调、宽度间距等参数调整。 先看看效果： tips:提示信息组件 参数： msg:'asdf',内容 dire:2,方向 w:250,宽度 _x:0,横向偏移 _y:0,纵
插件可以满足常用的提示显示，支持12个方向，支持边框、背景色、文本颜色自定义，支持位置微调、层级微调、宽度间距等参数调整。
先看看效果：
tips:提示信息组件
参数：
msg:'asdf',内容
dire:2,方向
w:250,宽度
_x:0,横向偏移
_y:0,纵向偏移
zIndex:100000,层级
borderColor:#FFF,边框颜色
bgColor:#FFF,背景颜色
useHover:true是否使用悬浮显示
color:默认提示文字颜色
padding:边距
javascript代码：
CSS:
.tip-wrap {
position: absolute;
display: none;
}
.tip-arr-a, .tip-arr-b {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border-style: dashed;
border-color: transparent;
}
page:
我是测试数据
我是测试数据">我是测试数据
效果：
属于你的jQuery提示框（Tip）插件_javascript技巧
属于你的jQuery提示框（Tip）插件_javascript技巧:插件可以满足常用的提示显示，支持12个方向，支持边框、背景色、文本颜色自定义，支持位置微调、层级微调、宽度间距等参数调整。 先看看效果： tips:提示信息组件 参数： msg:'asdf',内容 dire:2,方向 w:250,宽度 _x:0,横向偏移 _y:0,纵
