疯狂的CSS-Tab效果

-- Submitted by Admin on Fri, 07/16/2010 - 21:59

一开始同事给我介绍这个玩意的时候,我的确认为它很疯狂!

我当时一度坚持认为它不能兼容,但是今天我整理了下,发现它是如此“神奇”!

Tab效果,我曾经因为不想花时间去了解类似jquery ui的tab代码原理,而宁愿自己去研究写一个

http://www.incollege.cn/content/%3Fge-jian-dan-de-jsshi-xian-tabqie-huan...

但是今天我发现我败了!败给CSS了...

我仔细研究了下它的原理,发现只是锚点而已,但是这个想法真的是奇思,真的是很疯狂,我很佩服这位大师!

我整理了下它的代码,让它符合我的使用规范,并加了点js代码让头部有动态active样式。

附件中有头部在上和在右的两个示例文件,这是头部的定位样式有点不同而已。

详情请看代码,相信你也会为它疯狂,设计就需要我们有奇思妙想!

PreviewAttachmentSize
Feng_Kuang_De_CSS-Tab.rar17.02 KB

Comments

果真疯狂...

果真疯狂...

Post new comment

The content of this field is kept private and will not be shown publicly.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Allowed HTML tags: <a> <em> <strong> <code> <cite> <ul> <ol> <li> <dl> <dt> <dd> <img> <ebmed>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
9 + 6 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.