JavaScript教程:网页浮动定位提示效果

核心提示： 如果本来就是隐藏状态，清除定时器移除事件就行，JavaScript教程:网页浮动定位提示效果(6)，不需要再执行Hide了，触发方式：触发方式针对的是mouseover和mouseout，而Tip只需显示时绑定， 其中_fTH跟_fCH类似，它的流程跟点击方式是差不多的， 触发方式显示是指

如果本来就是隐藏状态，清除定时器移除事件就行，不需要再执行Hide了。

触发方式：

触发方式针对的是mouseover和mouseout，它的流程跟点击方式是差不多的。

触发方式显示是指鼠标从外部元素进入触发元素（触发mouseover）的时候显示Tip。

在Add程序中会给触发元素的mouseover事件绑定以下程序：

addEvent(elem, "mouseover", BindAsEventListener(this, function(e){
　　　 if (trigger.TouchShow) {
　　　　　　　 if (this.CheckShow(trigger)) {
　　　　　　　　　　　 this.ReadyShow(trigger.TouchShowDelay);
　　　　　　　 } else if (this.Check(e.relatedTarget)) {
　　　　　　　　　　　 clearTimeout(this._timer);
　　　　　　　 };
　　　 };
}));

跟点击方式类似，也需要执行一次CheckShow，但不同的是，还会用Check判断e.relatedTarget是不是外部对象。

这是因为mouseover可能是从触发元素的内部元素（包括Tip）进入或内部元素冒泡触发的，而这些情况不需要任何操作。

对应的，触发方式隐藏是指鼠标从触发元素或Tip离开时隐藏Tip。

当TouchHide为true时，在ReadyShow的时候会把_fTH绑定到触发元素的mouseout事件里：

trigger.TouchHide && addEvent(this._trigger.Elem, "mouseout", this._fTH);

在Show的时候，再绑定到Tip的mouseout：

trigger.TouchHide && addEvent(this.Tip, "mouseout", this._fTH);

在ReadyShow绑定的原因同上，而Tip只需显示时绑定。

其中_fTH跟_fCH类似，也是在初始化时定义的一个属性，用于添加和移除触发隐藏事件：