[导入]仿windows选项卡效果

终于在 经典论坛找到了一个梦寐以求的选项卡效果，这个效果与众不同的是只要鼠标移上选项就可以了，

HTML代码

http://www.cn-lan.com/"> 无标题文档

我佛山人

红色黑客

蓝色月光

孤零飘客

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

另外这是一个竖向的效果：

HTML代码

test

咖啡厅 学校 酒店

内容

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

还有这个的背景变换：

HTML代码

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档

• 首页
• 下载中心
• 产品介绍
• 会员注册与登录
• 联系我们

仿淘宝网站的导航效果。此方法有几个优点：

1、根据字数自适应项目长度

2、不同的项目使用不同的颜色来区分

3、这回需要使用到js了，呵呵

4、背景图片只需要两个图片文件就足够，减少服务器负担

5、这是使用到的两个图片：

http://pics.taobao.com/2k5/sys/component/tab_selected_left_bk2.gif" width="250" height="290" />

http://pics.taobao.com/2k5/sys/component/tab_selected_right_bk2.gif" width="15" height="290" />

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

文章来源: https://i-blog.csdnimg.cn/blog_migrate/ba9aaea3b8613ebe547554ee3bc20fbf.pngdefault.asp?id=1070

转载于:https://www.cnblogs.com/thw/archive/2006/09/29/518611.html