悬浮窗体js实现
作为曾经觉得很难,经历很长时间才搞定,现在看来很经典,也很实用的一段程序,我把它贴出来,希望对所有和我有过同样困扰的人,能够尽快解决掉。
废话不多说,这是一个css和javaScript共同作用完成的,鼠标指上去,出现全部内容,鼠标移开,内容显示部分,多出来的隐藏掉。就像是。。。我们平时看到的侧边栏上文件列表上文件名字显示不全,但是鼠标指上去就有一个浮动的小窗让它全部显示.(会不会说的很太复杂,不通顺?绕口令,哎)
把下面代码贴上去,保存在html文件中直接浏览器查看。
aaaaaaaaaa |
fffffffffffffffffffffffffff |
aaaaaaaaaa |
ffffffffffffffffdddddddddd22222222222222222222222222222ddddddddfffffffffff |
aaaaaaaaaa |
fffffffffffffffffffffffffff |
aaaaaaaaaa |
fffffffffffffffffffffffffff |
aaaaaaaaaa |
fffffffffffffffffffffffffff |
aaaaaaaaaa |
fffffffffffffffffffffffffff |
ffffffffffffffffdddddddddd22222222222222222222222222222ddddddddfffffffffff
fffffffffffffffffffffffffff
fffffffffffffffffffffffffff