发布一个纯CSS的网页泡泡组件zuipop

因为经常用到,于是自己动手做了个比较通用的泡泡组件。
发布到GitHub上了,有兴趣的朋友可以下载下来看看。
https://github.com/cnzui/zuipop/

演示图:

简介:

一个纯CSS打造、兼容各个浏览器的网页泡泡组件
 
使用需知:
1.该泡泡组件支持的浏览器有IE6+,Chrome,Firefox, Safari, 360等。
2.标题和尾巴可以根据需要自由去留
3.IE6浏览器,三角不能空心(因为不支持透明边框的CSS)
4.IE6,IE7浏览器不支持圆角(因为border-radius属性不支持)
5.泡泡高度支持自适应
6.当需要设置泡泡的最小高度时,IE6中要通过修改panel-content的高度来实现
7.当需要修改皮肤时,请用附加样式的方式实现,最好不要在组件的CSS中直接修改。
8.修改颜色时,注意三角的样式要同步修改。
9.组件自带的zuipop前缀,可以防止CSS冲突
 
 
附例:
一个完整的泡泡使用示例:pop.html
 
修改皮肤颜色:skinsample.html

郑重声明:
除特别声明为转载内容外,本站所有内容均为作者原创,谢绝任何单位和个人不经许可的复制和转播!
对于确有转载需要的,请先与作者联系,在获得允许后烦请在转载时保留文章出处。
本文出自Lupin's Blog:http://www.cnzui.com/archives/1183