发布一个小js，tooltip--1.66kb

今天HATA发布一个1.66kb的轻量级js，tooltip，打包后大约1.2kb，有渐变效果（fadein，fadeout）
DEMO：
举头望明月
原版DEMO地址
HATA是在Web Development Blog提供的代码进行修改的,主要修改了js的结构简化和修改css，使js不加载边框图片取而代之用边框制作出邮票效果。
基本的原理就是通过onmouseover和onmouseout触发function，通过tooltip这个function生成悬浮的div原件，设定定时器，修改透明值。从而做出fade的效果，当然啦，如果使用jquery的话，还可以省略fade的function呢，jquery果然是甜美物啊～
下面贴出css部分：

#tiptool1cont{display:block; padding:2px 7px; background:#666; color:#FFF;}
#tiptool1{position:absolute; display:block; margin-left:5px; border-width:1px;border-style:dashed;border-color:#666;}

下载：
HATA版（虚线边框）
原版（圆角有图片）
安装步骤：
1贴好上面提供的css
2找个地方安装js文件，用<script src="地址" type='text/javascript'/>引用或者用<script typetype='text/javascript'></script>括着js文件的代码直接贴上
使用：
HATA这里耍一下懒，把刚才demo的代码写出来，需要用的自行修改就行了

<span onmouseout="tooltip.hide();" onmouseover="tooltip.show('低头思故乡');">举头望明月</span>

原创文章如转载，请注明：转载自HATA菜谱