使用JS使时钟运动DOM运动,主要操作css3中transform:rotate();计时器setInterval(),setTimeout(),如何防止时钟偷停;时钟的时针、分针、秒针的运动的度数之比;
Clock
分类:
其他好文 时间:
2014-06-04 15:20:40
阅读次数:
240
之前为写Asp.Net MVC4而写了Linq应用系列:
Linq技术一:Linq to SQL和Devart Linq to SQL Model
Linq技术二:Linq to XML及xml增删改查的不同实现方式
Linq技术三:Linq to Object 和生成数据表的扩展方法
Linq技术四:动态Linq技术 -- Linq.Expressions ...
分类:
Web程序 时间:
2014-06-04 13:10:21
阅读次数:
411
非常喜欢Metro风格的界面,所以想模仿一下一些UI效果的实现,网上找到了很多,但都是CSS3,WPF等实现,对于XAML和CSS3一窍不通,无奈下只有自己开始写。下面是源码:Dot.cs
1 using System.Drawing; 2 3 namespace MetroLoading ...
昨天看到html5tricks上的一篇文章《jQuery鼠标滑过文字跳动动画插件》,止不住手痒用sass、css3实现以下,并进行了扩展,希望能对大家有所帮助,主要利用sass@for指令、compass里的random随机数,给文字设置不同的动画状态,利用transition或animation实现动画。...
分类:
其他好文 时间:
2014-06-02 23:53:21
阅读次数:
514
通常,我们要让某元素居中,会这样做:
#element{
margin:0 auto;
}
如果还想让此元素位置固定呢?一般我们会添加position:fixed,如下:
#element{
position:fixed;
margin:0 auto;
}
但是这样做的结果就是,元素不居中了。这说明fixed使对象脱离了正常文档流。
解决方案:
#ele...
分类:
Web程序 时间:
2014-06-02 23:00:57
阅读次数:
327
我曾经一直以为旋转跟翻转一样,今日自己旋转了好久都发觉跟翻转差一点点,纠结了十几分钟才明确,仅仅能怪自己的立体感太差了。
css3中的transform中有旋转,放缩,倾斜,平移的功能,分别相应的属性是:rotate,scale,skew,translate
旋转:(rotate)...
分类:
Web程序 时间:
2014-06-02 21:28:50
阅读次数:
307
简单演示一下,精简了演示效果和css样式文件,更利于在项目中的实际应用
然后将style.css、index.js和index.html放在同一路径下 用chrome或Firefox打开index.html即可
不支持IE浏览器...
分类:
Web程序 时间:
2014-06-02 04:59:17
阅读次数:
298
在进行多栏布局时,使用bootstrap的栅格系统可以很轻松的实现效果,其实css3本身也提供了多兰布局的功能。
比如,我们在一个section标签内填充了很多内容,同时希望内容能够显示成三列,那么可以通过如下css来实现(使用chrome浏览器)。
设置分栏的数量
section {
-webkit-column-count: 3;
}
根据宽度分栏
section {
-w...
分类:
Web程序 时间:
2014-06-02 04:46:04
阅读次数:
289
思路:在自定义shape中增加一层或多层,并错开,即可显示阴影效果。为增加立体感,按钮按下的时候,只设置一层。我们可以通过top, bottom, right 和 left 四个参数来控制阴影的方向和大小。关系图以下自定义两种阴影效果:res/drawable-hdpi/shadow1.xml
...
分类:
移动开发 时间:
2014-06-01 11:18:34
阅读次数:
320