作者：zhanhailiang 日期：2014-10-24
不做前端很久了，今天从重构师那里了解到CSS3已经可以实现很多以往必须通过JS才能实现的效果，如渐变，阴影，自动截断文本展示省略号等等强大效果，而且这些功能日渐成熟，已经大量用于生产环境。H5真的日渐成熟了，得恶补下了。
以下分享实现指定文本超出部分以省略号展示的Demo：
style>
.text1 {
width...
分类：
Web程序 时间：
2014-10-24 23:39:25
阅读次数：
384
最近做一个后台的管理项目，用到了Twitter推出的bootstrap前端开发工具包，是一个基于css3/html5的框架。花周末时间，写了一个非常简单后台的菜单。本着开源的精神，现在把它分享出来（呵呵，前端的老鸟就不要看啦！）。首先，看一下菜单的结构：预览地址：http://www.huosen....
分类：
其他好文 时间：
2014-10-24 18:36:51
阅读次数：
134
1.jQuery横向手风琴图片展示插件今天我们要来介绍一款非常酷的jQuery插件，它是一款横向的手风琴图片展示切换插件，每一张图片初始都是水平层叠在一起，点击图片后即可切换至下一张，并且在图片切换时出现水平移动的动画特效。另外你可以定义任意数量的图片应用在这个手风琴图片插件中。在线演示源码下载2....
分类：
Web程序 时间：
2014-10-24 18:25:57
阅读次数：
229
W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”下面我们同样从其最语法和属性值开始一步一步来学习transi...
分类：
Web程序 时间：
2014-10-24 15:51:54
阅读次数：
166
background-color: #42c264; background-image: -webkit-linear-gradient(#4fec50, #42c264); background-image: -moz-linear-gradient(#4fec50, #42c264); back...
分类：
Web程序 时间：
2014-10-24 14:13:16
阅读次数：
173
1.概述css盒子模型
1>先看看w3c的概述
2>其实css每个元素都是一个盒子（盒模型）
2.css盒子模型种类
1>w3c标准模型—————————>element空间宽度 = content内容 + border + padding + margin
2>IE传统模型（IE6-）—————>element = content = content(border + paddin...
分类：
Web程序 时间：
2014-10-24 11:06:11
阅读次数：
326
简介CSS3 新增的 background-size 是一个很有用的属性，用于定义背景图片的尺寸，有了这个属性，你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了，该值能让背景图片缩放至填满整个容器，即使是图片面积小于容器面积。由于 background-size 是 CSS3 ...
分类：
Web程序 时间：
2014-10-24 10:40:35
阅读次数：
150
今天再给大家带来一款纯css3实现的鼠标经过按钮特效。这款按钮非常简单，但效果很好，非常漂亮。一起看下效果图：在线预览源码下载实现的代码。html代码： WIFEO ...
分类：
Web程序 时间：
2014-10-24 09:12:16
阅读次数：
258
D3.js作为一门轻型的可视化类库，非常便于将数据与web界面元素绑定，实现可视化。乐帝d3.js入门是大体看了一遍《d3js数据可视化实战》这本书，D3操作非常类似于jquery的使用，具体体现在两点：
选择器模块都采用CSS3标准方法可以链式调用
有了jquery使用基础，相信再加上以上书籍的例子，调试很容易上手使用D3.js，乐帝目前认为D3.js与jquery区别在于：D...
分类：
Web程序 时间：
2014-10-23 20:50:38
阅读次数：
439
