分享：CSS菜单和Tab导航选项卡

最近想将站点整理并改版一下，按照我的需求，主要就几个内容，但这些内容都做了镜像，所以要是全部列举出来肯定麻烦，也说不清楚，做成一个下来菜单的形式应该比较好，而首页面呢，由于更新了11个地方的图片，加上对原来的也不满意，除了首页面放缩略图以外，还准备放个地图啊、日志列表啊什么的，如果统统放在同一个页面，那肯定很长，一般的人都不愿意滚动自己的鼠标，所以首页面最好是能够在一个屏幕就全部放下，由于我的实在放不下，没有办法，那就用选项卡的形式来完成吧，只要鼠标一点击或者一放到上面，就切换到另外一个TAB，节省空间并且也很方便，现在关于TAB的应用也是越来越广了。至于效果，自己随便看看吧，ShareSh.cn，已经改版完成，下拉菜单和Tab选项卡我都比较满意，剩下的地图页面和日志调用页面还需要等一段时间，到时候也会把经验分享给大家。日志调用基本上想好怎么来了，大概参考feed2js这个东西吧，有兴趣的自己可以先搜索一下。另外，基于GAE的micolog我发现实在是太好用了，而且界面也是我喜欢的清爽型，重要的还有一点就是，所有的日志上发布的图片，都是进入数据库的，所以基本上是不用担心1000个文件限制的问题，因为我们的一个appengine是500M的空间，要用完也不容易，我已经将Blog和GarminFans全部搬到GAE了，而ShareBlog也正在考虑当中。废话说多了，来看CSS菜单和Tab导航选项卡吧。

一般情况下对于这样的特效处理，我基本上都上蓝色理想，而蓝色理想也是不负所望，好东西肯定是有的，这次我就找了两个最简单的，我不想复杂，因为我还需要将CSS和HTML全部放到JS里去，所有的站点只需要调用这一个JS就可以，而我一旦改变菜单就只需要改变这个JS就可以了，同时，我还发现，将JS传到博客园，然后调用的时候，竟然能在后台看到统计的下载次数，乖乖，那不是一个简单的所有PV的统计就出来了呢。god，又扯远了，直接上地址吧。

CSS 菜单举一反三(菜单设计，下拉、水平、弹簧三种效果都可以，并且很简单就CSS+JS+HTML)

三种简洁的Tab导航简析(Tab导航选项卡，也是简单的应用了CSS+JS+HTML，也说了三种原理，但个人看不出太大的区分，个人感觉是脱离不了div的display属性罢了，以前自己做的找不到了，所以就拿来主义了，我用的是第二种，进行了简单的修改)

一个封装了的选项卡效果js(这篇也是讲了选项卡效果，但是看过以后觉得是太强大了，所以没有采用，喜欢技术研究的朋友可以去看一下)