jq小插件tiptip

来源:互联网 发布:mac 快速发送qq文件 编辑:程序博客网 时间:2024/05/01 22:20
  • 可以在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>
原创粉丝点击