一半设计一半前端

网上很多页面滑动都是满屏滑动效果，但是有时候不需要满屏滑动，而是想滑动到哪里就滑动到哪里，可以自由设置滑动的位置，那么这个纯js脚本可以满足这个要求，关键是可以设置偏移值，太美好了。smooth-scroll.js是一款轻量级的纯JS页面锚链接平滑过渡插件。通过该锚链接插件，可以在点击页面的锚链接时...

几年前为了重置样式，或者说为了让元素的浏览器默认样式不影响到页面的效果，我一般使用CSS Reset直接全部重置，当然，我是反对通配符*{margin:0;padding:0}这种写法的，但是CSS Reset全部归零了所有样式，后面有些样式又要自己贱兮兮的重新写回来，感觉也是做了无用功。直到发现了...

选项卡是非常实用的插件，同一个地方可以放好多不同的内容，通过切换选项实现对应容器的内容显示，其它内容隐藏，可谓是实现小空间大内容的神器。这里推荐一个拥有水平垂直两种方式的选项卡，功能强大，可以自己定制效果。默认的事件是鼠标点击，可以改成鼠标经过事件。动图效果：插件演示插件下载链接：http://pa...

返回到顶部几乎是一个网站的标配，不过对于一个小型的网站来说，太过复杂花哨的插件反而不实用。这里推荐一个插件，随着滚动条滚动出现按钮，到了一定的页面深度后，透明度降低，页面滚动效果平滑，简单实用。动图效果：插件演示插件下载链接：http://pan.baidu.com/s/1bWnqwA 密码：0qf...

有时候希望随着滚动条的滚动，实现导航菜单平滑的显示或者隐藏，这里推荐一个插件，可以实现三种菜单导航的显示和隐藏效果，实践用下来发现很棒，关键是运动非常平滑，可以实现三种不同的方式，几乎可以满足不同网站的需求。效果如图：插件演示   插件下载：链接：http://pan.baidu...

在CSS2时代，组合选择器中用的最多的是后代选择器，比如#nav li a等。因为这是CSS1版本就有的，IE6都毫无压力地支持。可是，在CSS2中新增的子元素选择器等，IE6就支持不友好了。不过，现在新版本的浏览器几乎都支持这些选择器了。一、组合选择器选择器举例含义版本element e...

CSS2系列的教程已经更新完毕很久了，今天终于开始了CSS3系列教程的更新，貌似又是一个漫长的过程！还没有看完CSS2系列教程的童鞋麻烦先学习一遍哦，知识都是有体系的，基础没有打好，后面的内容会更吃力。既然是系列教程，那还是要按照体系来，先把最基础的选择器讲完。CSS3新增了很多很棒的选择器，其中属...

网站设计中有一个常用的效果就是幻灯片图片展示，各种各样的插件中我推荐一个兼容性好的效果也棒呆的幻灯片。Vmc Slider 是一款带多种过渡特效的jQuery幻灯片插件，该幻灯片内置了20种场景转换特效，可以帮助你轻松实现漂亮的图片切换效果。并且它支持包括IE6在内的多种浏览器，非常的实用。效果演示...

记得小时候，每天放学做完作业都要写几篇字帖，每次写完后拿给父亲检查。父亲写得一手好的钢笔和毛笔字，很多人看了，都说可以算半个书法家，可惜我自己在练字的道路上没有坚持下去。偶尔翻出父亲留下的一本很古老的字帖，仍然感叹怎么有人能写出那么漂亮的字体。不同的字体有不同的风骨，也体现出该字体独特的情感。如果我...

以前固定宽度布局的时候，几乎都是固定像素，宽度固定，间距固定，文字大小更是固定像素。可在流布局和响应式布局的催化下，固定宽度，固定大小的布局已经不能满足我们多元化的显示设备，pc端，平板端，手机端，各种尺寸的设备，如果都要重新做一个网页的话，我觉得那不是我们前端人的工作态度，毕竟学会如何偷懒是人的共...