想写这篇文章还真是难起标题，想来想去都不知道怎样才能说清楚。其实文章想说的是一种处理网站内链接图标设计的简单的方法，使我们在指向链接时候获得类似动态的感觉。
一般情况下，我们习惯在链接前添加一些标识图标，例子可以看一下现在本站的导航栏。当为特定的链接前添加图标后，链接便能更方便地被标识出来，同时能更吸引访客的注意和点击。而这种设计很平常，相信大家对此不会陌生；此外，我们也会把链接的图标再进行一点处理，比如是在鼠标指向链接时候，让图标变换颜色而达到一个更明显的视觉效果。
我想补充说的是，除了变换链接前图标的颜色使其与链接相适应外，我们还可以使鼠标指向链接前后的图标产生高度方向的变化。这样的好处是，为点击动作之前增加一个类似动态的感觉，访客更容易被吸引。
实现方法很简单的，就是调整链接前后图标的垂直位置，比喻一个链接样式：
a.simple {background:url(imgs/allbgs.png) no-repeat 0px 0px;}
我们把它的指向样式（hover状态）设计为：
a.simple:hover {background:url(imgs/allbgs.png) no-repeat 0px 1px;}
上述两句中的不同之处如红字部分所示，虽然它们只有1px的差别，但我们却可以在视觉效果上获得明显的动态感觉！或者你现在是通过RSS阅读本文，如果要看一下1px的链接图标偏移效果究竟如何，还是希望你直接访问一下本站的导航栏感受下。
结语：这篇文章应该算不上是什么技巧介绍，但却是想引起一个概念：某些时候一些很基本简单的方法已经能够得到实用的效果，网页设计其实是很简单的，不是吗？
...