摘要：
妙味的官网和智能社的官网上，会看到一个带弹性的导航栏，这个导航栏的效果非常流畅，其实这个效果并不难实现，说一下思路：正常的导航栏布局，只是在第一个li前加一个div，设置定位为绝对定位，并给div设置背景，设置其z-index值为1，设置li的z-index值为2，设置其父元素ul为相对定位，li设 阅读全文
摘要：
有的时候我们浏览一些网页会有一些网页带好像带重力，而且会随着碰撞进行反弹，很有意思，实现这个效果并不难，要注意以下几点：检测碰撞条件、碰撞之后素的的变化。今天分享下这个效果的代码和demo。 代码地址：https://github.com/peng666/blogs/tree/gh-pages/hi 阅读全文
摘要：
淘宝放大镜效果，其实就是一张小图片，还有一张大图片。鼠标移动，按比例显示大图的一部分，在大图的父元素上设置overflow：hidden，就OK了。这里面需要注意换算好大小图的比例。 代码地址：https://github.com/peng666/blogs/tree/gh-pages/floats 阅读全文
摘要：
匈牙利命名法 语法 类型指变量的类型 对象描述指对象名字全称或名字的一部分，要求有明确含义，命名要容易记忆容易理解。 通过在变量名前面添加相应小写字母的符号标示作为前缀，标示出变量的类型，前缀后面是一个或多个单词组合，单词描述了变量的用途。如果是 jquery 对象，则用 $ 作为变量名的前缀。 提 阅读全文
摘要：
现在基本在很多网站上都能看到轮播效果，虽然有点烂大街的赶脚，但是这个效果确实很好看，很时尚，今天分享下代码相对较少的轮播框架，望采纳 。 ①向左滑动： 思路： 将几个图片用分别用几个 li 包住，并且左浮动，设置ul为绝对定位，设置ul外面的div为相对定位，并设置overflo：hidden；然后 阅读全文
摘要：
转自https://github.com/jsfront/src/blob/master/css.md 以下是常用的代码收集，没有任何技术含量，只是填坑的积累。转载请注明出处，谢谢。 1. css 2.x 文字换行 /*强制不换行*/ white-space:nowrap; /*自动换行*/ wor 阅读全文
摘要：
大家在做二级菜单的时候经常会碰到鼠标移出一级菜单，二级菜单瞬间消失，根本不给你机会移到二级菜单上，今天分享下怎样解决这个问题。 ①第一种介绍一种简单粗暴的方法，二级菜单的元素放入一级菜单中。 代码地址：http:https://github.com/peng666/blogs/tree/gh-pag 阅读全文
摘要：
在线测试地址：http://codepen.io/itguy/pen/vGMpdg 阅读全文