首页栏目切换滑动门效果

案例级别：1级(免费)
浏览次数：1238次
案例分类：网站导航优化
Tags：换滑动门效果,
更新日期：2011-06-07

摘要描述：

首页栏目切换滑动门效果对于用户友好度来说，是非常有帮助的，该效果主要的特点是无需鼠标点击，就能自动展开导航。

上海seo达闻SEO案例网，网站导航优化，首页栏目切换滑动门效果对于用户友好度来说，

是非常有帮助的，该效果主要的特点是无需鼠标点击，就能自动展开导航。一般

来说，我们推荐一些信息网站可以使用此导航，原因如下。

最少点击原则

在信息量爆炸的互联网时代，我们总是希望用最少的点击来获取最多的信息。从鼠

标的“进化”史来看，最少点击原则越发明显，之前用户要浏览一个网页，必须左

击滚动条不放，然后往下拉，但是滚轮的出现改变了这一原则，只需要用食指轻轻

拨动滚轮，所有的信息便能轻松浏览。同样的，对于导航也是如此，如果用户想进

入一个次导航，必须点击两次，但滑动门却能免去一次鼠标的点击，这能能更快的

引导用户找到他们想要的信息。Chinaz等知名站长类网站都采用活动门导航效果。

滑动门效果代码如下

<html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta http-equiv="refresh" content="0;URL=http://www.jscode.cn/jscode/js080508/jscode.htm"> <title>首页栏目切换滑动门效果</title> </head> </html>

一个案例

著名的Chinaz站长网的导航菜单就是采用滑动门技术，只要鼠标经过该导航栏，次导

航便一览无余。截图如下：

首页栏目切换滑动门效果
首页栏目切换滑动门效果对于用户友好度来说，是非常有帮助的，该效果主要的特点是无需鼠标点击，就能自动展开导航。

上一篇：企业电子商务型网站下一篇：用CSS设计的导航实例

首页栏目切换滑动门效果

最少点击原则

滑动门效果代码如下

首页栏目切换滑动门效果

热门案例

相关案例