水平位置：
 
 
  left
 
 
  clientleft
 
 
  center
 
 
  clientright
 
 
  right
 

 垂直位置：
 
 
  top
 
 
  clienttop
 
 
  center
 
 
  clientbottom
 
 
  bottom
 

 

 自定义定位：
 left：
 
 top：
 
 

 

 
 点击方式
 
 触发方式
 

 

 延时时间：
 
 
 

 

 其他应用范例：

 

 
 

 

 流行的头像显示效果：

 

 
 

 

 关闭按钮： //////////////////////////////////////
var trigger1 = ft.Add("idTrigger1", {
  onShow: function(){
   //定位测试
   var sAlign = this.Align, sVAlign = this.vAlign;
   forEach(document.getElementsByName("nAlign"), function(o){ if(o.checked){ sAlign = o.value; } });
   forEach(document.getElementsByName("nVAlign"), function(o){ if(o.checked){ sVAlign = o.value; } });
   this.Align = sAlign;
   this.vAlign = sVAlign;
   this.Custom.left = $$("idLeft").value | 0;
   this.Custom.top = $$("idTop").value | 0;
   trigger1.ShowDelay = trigger1.HideDelay = $$("idDelayTime").value | 0 || 300;
   ft.Tip.innerHTML = sAlign + "
" + sVAlign + "
" + "left: " + this.Custom.left + ", top: " + this.Custom.top;
  }
 });
//延时测试
$$("idDelayTime").value = trigger1.ShowDelay;
$$("idDelay").onclick = function(){
 if(trigger1.TouchShowDelay){
  trigger1.ClickShowDelay = trigger1.ClickHideDelay =
  trigger1.TouchShowDelay = trigger1.TouchHideDelay = false;
  $$("idDelayTime").disabled = true;
  this.value = " 设置延时 ";
 }else{
  trigger1.ClickShowDelay = trigger1.ClickHideDelay =
  trigger1.TouchShowDelay = trigger1.TouchHideDelay = true;
  $$("idDelayTime").disabled = false;
  this.value = " 取消延时 ";
 }
}
//方式测试
$$("idClick").onclick = function(){
 trigger1.ClickShow = trigger1.ClickHide = this.checked;
}
$$("idTouch").onclick = function(){
 trigger1.TouchShow = trigger1.TouchHide = this.checked;
}
///////////////////////////////////////
forEach($$("idTest1").getElementsByTagName("a"), function(o){
 var title = o.title; o.title = "";
 ft.Add(o, { vAlign: "bottom", Percent: { left: 50, top: 0 }, onShow: function(){ ft.Tip.innerHTML = title; } });
})
///////////////////////////////////////
forEach($$("idTest2").getElementsByTagName("a"), function(o){
 var img = o.getElementsByTagName("img")[0], title = o.title;
 o.title = "";
 ft.Add(img, { Custom: { left: -6, top: -6 },
  onShow: function(){
   var str = '';
   str += '
' + title + '';
   ft.Tip.innerHTML = str;
  }
 });
})
///////////////////////////////////////
ft.Add("idTest3", { ClickHide: false, TouchHide: false, Align: "right",
 onShow: function(){
  var str = '颜色梯度和渐变效果
';
  str += '仿163网盘无刷新文件上传系统
';
  str += '';
  ft.Tip.innerHTML = str;
 }
});

JavaScript,定位,浮动,提示,tooltips,FixedTips,Tip
程序说明

Tip对象：

Tip对象就是用来显示提示信息的容器，程序用Tip属性表示。这个没什么要求，程序初始化时会对它进行一些设置。
首先进行下面设置：

this._cssTip.margin = 0;
this._cssTip.position = "absolute";
this._cssTip.visibility = "hidden";
this._cssTip.display = "block";
this._cssTip.zIndex = 99;
this._cssTip.left = this._cssTip.top = "-9999px";

其中margin设为0是为了避免一些定位问题，用visibility来隐藏而不是display是因为程序需要获取Tip的offsetWidth、offsetHeight，还需要设置left和top是避免因Tip占位出现的滚动条。
因为Tip可能会在其他定位元素里面，所以还要设两个offset修正参数：

var iLeft = iTop = 0, p = this.Tip.offsetParent;
while (!(p === document.body || p === document.documentElement)) {
    iLeft += p.offsetLeft; iTop += p.offsetTop; p = p.offsetParent;
};
this._offsetleft = iLeft;
this._offsettop = iTop;

最后给Tip的mouseover加一个事件，具体后面再说明。