属于你的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,纵