最近想将站点整理并改版一下,按照我的需求,主要就几个内容,但这些内容都做了镜像,所以要是全部列举出来肯定麻烦,也说不清楚,做成一个下来菜单的形式应该比较好,而首页面呢,由于更新了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(这篇也是讲了选项卡效果,但是看过以后觉得是太强大了,所以没有采用,喜欢技术研究的朋友可以去看一下)