再发一个纯CSS的Tab切换卡 【WEB标准】
今天有时间,把两种情况的Tab切换程序修改了一下,加上了背景图片,优化了样式表,目前测试兼容IE6.0,IE7.0,FireFox,Chome,Safari,Opera等浏览器,没有测试IE8.0环境,如果在IE8.0环境下出现问题的话,请尝试用IE8.0的兼容性视图。
效果图如下:

把两个Tab切换的程序整理了一下,打包下载地址为:
XhtmlCss制作的Tab切换程序.rar

下面的代码也是一个纯css的选项卡,这次和上次不同的是,显示的内容不是堆在一起的tags,而是一行一行的标题,适用于在博客边栏显示文章标题。代码如下:
流行热度:超过  人阅读
关 键 词:xhtml  css  tab  选项卡  
发布日期:daniel 发表于 2009-7-1 9:40:56
所属分类:【网站SEO - WEB标准】 - 【WEB标准
文章链接:http://www.cookseo.com/blog/css/csstab/ [点击复制] (转载时请注明本文出处及文章链接)
引用地址:点击这里获取该日志的TrackBack引用地址
您或许对与WEB标准相关的文章感兴趣:
  • 纯Xhtml+Css制作的Tab选项卡切换  (2009-6-30 13:10:36)
  • js+css制作选项卡特效,兼容IE6,IE7,火狐FF及Chrome  (2009-6-1 10:7:12)
  • Firefox的div高度自适应  (2009-5-26 15:42:4)
  • 利用CSS截取文本字数,防止文本溢出  (2009-5-26 15:38:14)
  • 使用Lable标签,提升用户体验!  (2009-4-22 19:23:11)
  • 区分IE6.0,IE7.0,FireFox的CssHack写法:  (2009-4-20 15:1:33)
  • CSS(CssReset)定义网站的整体元素样式  (2009-4-9 22:27:38)
  • css之解决span宽度的完美方案  (2008-12-18 10:55:32)
  • 本文被踩了(3)次, 既然来了,我也要踩一脚

    2009-7-10 10:15:56 回复该留言
    我每天都在等着 什么时候能调试好 呵呵
    2009-7-6 22:13:53 回复该留言
    能做个PJ的就好啦,呵呵!
    daniel 于 2009-7-7 19:05:30 回复
    这个当然可以拿到PJ上面用的。
    因为全部都用样式写的嘛,在哪个页面都可以用的。
    2009-7-3 21:13:12 回复该留言
    换成松松一样的皮了啊
    有空帮我做一个啊~
    daniel 于 2009-7-3 21:27:33 回复
    哈哈,是呀,觉得他的皮肤很经典呢。所以就换喽!

    不过还是有些细节地方需要修改的呢

    这个皮肤挺爽的。你也换个吧Haha

    发表评论:

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    Powered By Z-Blog 1.8 Arwen Build 90619, 皮肤设计支持:异次元软件世界
    网站SEO-WEB标准, Daniel's Blog, CopyRight 2009-2011, 鄂ICP备10001167号,