摘要：
var CalendarData=new Array(100); var madd=new Array(12); var tgString="甲乙丙丁戊己庚辛壬癸"; var dzString="子丑寅卯辰巳午未申酉戌亥"; var numString="一二三四五六七八九十"; var monSt 阅读全文
摘要：
1、-webkit-tap-highlight-color移动端页面点击按钮时会发现按钮上会出现一块阴影，设置-webkit-tap-highlight-color:rgba(0,0,0,0);就可以了，将阴影设置成透明就看不见了；2、-webkit-line-clamp限制在一个块元素显示的文本的... 阅读全文
摘要：
纯css3实现了一个正六边形的走马灯效果，记录一下css3动画的学习情况，效果如下：主要用到的css3技术有：keyframes、perspective、perspective-origin、transform（translate、rotate）、animation、transform-origin... 阅读全文
摘要：
一张张照片散乱的撒在一起，鼠标悬浮时旋转放大并摆正，效果如下图（所有图片均来自网络），主要使用到的css3属性有：transition、transform（scale、rotateZ）、box-shadow以及z-index。 ... 阅读全文
摘要：
该效果的主要实现思路是给文字添加渐变的背景，然后对背景进行裁剪，按文字裁剪（目前只有webkit内核浏览器支持该属性），最后给背景添加动画，即改变背景的位置，背景动画效果如下（GIF录制时有卡顿，代码实现时不卡）：最终效果：全部代码如下： >Slide To Unlock需要说明的是由于... 阅读全文
摘要：
利用css3制作可旋转的骰子，效果图如下，也可以查看 demo：首先是骰子的html结构，.page 是骰子的六个页面的 class，#one-#six分别表示六个面，.point 是骰子表面的点数： ... 阅读全文
摘要：
单页面网页内容较多，页面长度较大，需要方便快速的在页面的不同位置进行定位，所以浮动菜单逐渐流行了起来，如下图 男装、女装、美妆等。这种菜单功能分为两部分：1、点击菜单项，网页滚动到对应位置，可简单通过锚点实现；2、滚动页面的时候，菜单项的选中状态要跟着改变，这就需要监听网页的滚动事件并通过一点计算来... 阅读全文
摘要：
让页面呈现多列布局时经常会使用 float:left/right ，可是浮动布局会导致父元素的高度为0（未设置高度的情况下），不会根据子元素的高度而变化，另外，后面不需要浮动想在下一行显示的标签出现在浮动元素的后面。#content{background:#000;}.left{width:100p... 阅读全文
摘要：
CSS 的属性值中经常会出现百分比，搞清它们的基数是一件很重要的事情。我特意查看了一下 W3C 的 CSS2.1 标准，在此整理下：百分比单位乘以包含块的宽度 margin, padding, left, right, text-indent, width, max-width, min-width... 阅读全文
摘要：
带滑块的导航菜单，鼠标悬浮时，滑块会移动至鼠标位置，离开时，滑块会回到原来的位置，点击菜单之后滑块会停留在被点击菜单位置，等待下一次的鼠标悬浮事件或者点击事件，效果图：图片效果不行，直接上代码： aaa bbb ccc ddd ... 阅读全文