存档

文章标签 ‘CSS’

CSS布局设计 顺口溜

2009年8月11日 蛋王 27 条评论

 
一、IE边框若显若无，须注意，定是高度设置已忘记； 

二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 

三、三像素文本慢移不必慌，高度设置帮你忙； 

四、兼容各个浏览须注意，默认设置行高可能是杀手； 

五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；  阅读全文…

分类: 网站研发 标签: , ,

偷来分页导航一则-略有修改

2009年7月6日 蛋王 7 条评论

pageNav

Hiro’s Blog 那偷来的分页导航代码，纯CSS，简单实用。

不过我不喜欢导航条整体还会移动的，所以小修改了一下，保持整条不动。
另外，我觉得在这里hover后的页码起的应该是放大效果，所以把字也搞大一点。

其他没啥说的，上代码，看效果。
代码：
阅读全文…

分类: 网站研发 标签: , , ,

JS编码/反编码小工具

2009年6月15日 蛋王 2 条评论

今儿个逛蓝色理想，看到某一不错的picbig效果演示。兴冲冲搞下来发现js编码了，于是google之……哈，这个时候你不得不佩服搜索引擎的伟大-，-b

废话不多说，上代码
阅读全文…

分类: 网站研发 标签: ,

9 个基于JavaScript 和 CSS 的 Web 图表框架

2009年6月13日 蛋王 没有评论

 

内容提示:

   jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能，包括绘制 Web 图表，使用这些框架以及相应插件，我们可以非常轻松地实现曲线图，圆饼图，柱状图等 Web 图表的绘制，而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS 的 Web 图表框架。

 

1. Flot

Flot 是一个纯粹的 jQuery JavaScript 绘图库，可以在客户端即时生成图形，使用非常简单，支持放大缩小以及鼠标追踪等交互功能。该插件支持 IE6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ 以及 Konqueror 4.x+。使用的是 Safari 最先引入的 Canvas 对象，目前所有主流浏览器都支持该对象，除了 IE, 因此在 IE中使用 JavaScript 进行模拟。这里有一些实例。

阅读全文…

分类: 网站研发 标签: , ,