{夫君子之所取者远，则必有所待；所就者大，则必有所忍!}
都知道，a标签通常就是利用href的属性来创建超文本链接，用来链接到互联网中的某个位置，就像网中的一个节点。Internet也因它而神奇。
除了它本身的作为超链接的源的应用外，还有什么扩展应用呢。
1.最简单的，<a href=”xx.xx”><img src=”xxx.jpg”/></a>，这种是最初的扩展，利用图像作为a的内容，而不仅仅是文字，这样就能使得链接看起来更直观，更醒目。
2.javascript ，有时候，为了在点击a标签时能够触发某些事件，你可以在<a >内写javascirpit，例如：< a href=”#” onclick=”alert(“fafsfs”);”>xxx</a>。
3.还有一种，能够给浏览者更进一步的良好体验，就是让鼠标hover时，< a>能够变换视觉效果。
mail.163.com的做法：
利用了onmouseover和onmouseout事件将这个INPUT上的class进行切换，使得背景变换。
优点：对很多元素都可以使用这个方法。
缺点：要添加额外的脚本，如果浏览者禁用脚本，就不会起作用。
这段时间，友商网完成了第三次改版，收获了很多，挑其中的一点稍稍的进行了“深入思考比较学习分析研究参悟理解”。啰嗦的话说完了，正题……
本帖同时发布在KDUED.com,如果小窝不稳定，可移步查看
应该不难发现，在目前的各大网站中，大量的采用了圆角去修饰边框，使得页面的呈现更加柔和，干净舒服。所以，友商网在这一次改版中也大量采用了这个样的设计，特别是二级页面的大部分元素框，就采用了时尚的银灰色调配上灰黑的圆角。在将设计稿实现成页面的时候，这个地方开始的确让我头疼，因为这些元素有很多相似的特点，也有一些不一样的地方，相似的是：
title是银灰色渐变x轴横向
底部圆角内凹度一样
而不一样的地方是，整个元素框宽度不一定一样，title高度也有两种，在看到绝大部分的频道设计稿后，我决定将这些元素框做成通用的结构和样式，希望能提高开发效率，省去了一次次重复的调试，也有利于不用的前端开发同事统一风格，整体提高开发速度。
实现的思想是这样的（可以说主要是滑动门的应用）：
1.将title的银灰条进行分离（其实也可以合在一起），作为两个结构元素（分别是h2和span）的背景，进行适应的拉伸
前段时间去了趟桃源村附近的IKEA后有点想法，但是由于最近比较忙，并且家里网络不好使，所以没整理，这两天搬了个窝，网络OK了，也有点时间就写写吧。先记点很水的帐：
KDUED成员们突然想搞个户外活动，采一下风，一小伙说，要不去IKEA吧，那里的某些设计不错，大家也没啥好建议，所以敲定就整这个。
我们跟大黄广宇一打车嗖嗖的到了，等了10分钟还不见巾帼们到来，一问，得，迷路了。。-_-！！！都在深圳混好多年了还迷路。。。。。
进门后，第一感觉是：有点温暖，这温暖来自放置在门口的一套沙发，上面坐着几个玩耍的小朋友，戏耍嬉笑真开心，哈哈哈，左边是小朋友乐园，很宽敞，很有童趣，只要是在8岁以下年龄段混的没有不被吸引的（教育，从娃娃做起。买卖，从娃娃做起？？）。温暖沙发的右边就是上楼的电梯，在电梯上升的过程中你会被墙上的各种颜色的倒挂椅子吸引，颜色很抢眼，这个时候就抓住你的心了，想知道这个椅子怎么样吗？上来体验吧。。。
在二楼的整个搞怪和享受过程中，我发现一个别的家具售前体验店所没有特点：导航设计。。
它有着引导性很强的路线，最前面的是样板房的展现，非常多，非常贴近生活的设计，几乎利用了每一寸空间（其中一个带有养花房的设计，我比较喜欢 哈哈），利用绳子来悬挂一些相框或者画框是一个不错的方案，既不用在墙上钉来钉去，也比较高雅时尚，有家的概念。接着是一些床样椅子睡房，从这些地方开始就是将一整套房子进行剖析了，一样一样的去诠释，到最后是儿童玩具的地方，很多小孩往往是前面那些东西并不能吸引他们太多注意力，主要是大人在看，而快到出口的时候小孩就很兴奋了，大人小孩一起在这里就会逗留一会，带着很愉快的心情离开，或者取货。将幸福感持续到了最后一刻。。。。-_-!!好像走题了。。。。
前段时间和我们活蹦乱跳的GGMM们到那地方去做了一回欧式的购物体验，想从中得到一些启发，让我们的工作能够更贴近顾客，浏览者，更能站在他们的立场去考虑设计和交互开发。感触最深的是导航的设计和服务上，一些细节，例如用来记录拟购买商品的铅笔等等。这些思考文字会在下次更新写下来，最近比较忙，家里也没有网络。5555。。。。好了，下面是我们的部分团队成员，集团的XDJM没能来，可惜。。
前些天，利华说能不能让某个div或者其他块元素左右，及垂直居中，我想了一会，做了下面这个测试页面，在IE系列，FF，safari，opera下均通过。。主要是position的用法。。其实像很多light box使用的也是类似的方法：
css:
#bd{position:static;display:table-cell;} #test{width:500px;height:500px;background:#DADADA;position:absolute;top:50%;left:50%; margin-left:-250px;margin-top:-250px;}
structure:
<body id="bd"> <div id="test"></div> </body>
demo here!!
Tips:You can change the code before run.