- 可以在tiptip的css中添加下面的属性控制提示内容显示的位置和颜色
- tip_top
- tip_bottom
- tip_left
- tip_right
- tip_left_top
- tip_left_bottom
- tip_right_top
- tip_right_bottom
- 代码应用
- activation :鼠标方式(默认情况下为“hover ”)jQ的方法Tip被激活。可以设置为:“hover ”,“focus ”或“click ”。
- KEEPALIVE:保持方式(默认为False) -当设置为true Tip只会淡出,当你将鼠标悬停在的实际TipTip,然后悬停它关闭。
-
maxWidth:字符串(默认情况下为“200像素”)
- CSS
最大宽度
属性的Tip元素。这是一个字符串,所以你可以申请一个百分比规则或'auto'。 - edgeOffset:数目默认是3,小标与要提示的内容的距离。
- defaultPosition:显示位置(默认情况下,“自下而上”)可以将其设置为“顶”,“底”,“左”或“右”。
-
delay 延迟数(默认为400) -延迟,前弹出后显示Tip的你
鼠标悬停
适用于它的元素Tip 的毫秒数。 - fadeIn 淡入(默认情况下为200) -淡入速度。
- fadeOut 淡出(默认情况下为200) - 淡出速度。
- attribute 属性:字符串(默认情况下,“title ”)(在js中可以更改)Tip提示内容的添加位置。
- content 内容:字符串(默认为False) - HTML使用的字符串作为Tip的内容的。将覆盖从任何HTML属性的内容。
- enter :回调函数 -自定义功能,每次运行你的mouseover 的元素Tip适用于它。
-
exit :回调函数 -自定义功能,每次运行你的元素Tip适用于
mouseout的
。 - 例子
-
-
<script src="
jquery-1.8.1.min.js" ></script><script type="text/javascript">
$(
function
(){
$(
".test"
).tipTip(
{maxWidth: "auto", edgeOffset: 4, delay: 250, fadeIn: 100, fadeOut: 800,
defaultPosition:"bottom"});});
</script>
<div class="test" title="看看什么效果">
测试
</div>
jq小插件tiptip
最新推荐文章于 2022-03-27 21:00:45 发布