使用原生JavaScript设计和实现Tooltip浮动提示框特效，了解代码简化、事件绑定、事件冒泡等技巧和知识。
特效四个关键点：
显示：鼠标移到ToolTip超链接上时，ToolTip提示框可以显示出来 隐藏：鼠标移开时，ToolTip提示框自动隐藏 定位：ToolTip提示框的位置需要根据ToolTip超链接的位置来设置 可配置：ToolTip提示框可以根据参数不同，改变尺寸和显示内容
注意点：
1）border-radius和 Box-shadow兼容写法
2）不论鼠标指针穿过被选元素或其子元素，都会触发 mouSEOver 事件。对应mouSEOut
只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleave
3）W3C规定不允许内联元素嵌套块级元素 ，其中的a链接嵌套了div，可能不符合W3C标准( tip：他是移入a链接的时候在a链接中创建的div )
1)通过元素的id获得元素的DOM引用
2)绑定事件的函数
函数
if(obj.addEventListener){ //非IE，支持冒泡和捕获
obj.addEventListenner(event,fn,false);
}else if(obj.attachEvent){ //IE，只支持冒泡
obj.attachEvent('on'+event,fn);
}
}
效果如图：
Meta charset="UTF-8">
