Y.Postip基于YUI3的相对提示组件(ToolTip)

Y.Postip基于YUI3的相对提示组件(ToolTip)

作者:idd.chiang 发布时间:April 11, 2010 分类:Javascript/AS,YUI/Jquery/mootool

Y.Postip鼠标事件触发隐藏tip显示经常遇到,表现形式多种多样,无外乎都是鼠标触碰或点击一个元素(给他个名字:触发者),弹出或新建一个元素,类似Tooltip一样,暂称新元素为“被激活元素”,被激活元素的出现位置绝大部分都是以相对于触发者位置出现,所以,在Y.Postip的实例化中,放出相对于触发者的25个位置可以设置,并允许对默认位置进行自定义距离的设置。

先看看Y.Postip例子

纠结了一下被激活元素的内容该如何展现,为了使用途广泛一些,可以设置被激活元素是自定义内容,也可以是某个dom对象,同时为了能让被激活元素的UI能灵活设置,又放出className能自定义。

25个相对位置的图示和设置如图:
aligntemp.png

有话要说