css+javascript模拟OneNote2007Tab标签

核心提示：本文示例源代码或素材下载 Title:模拟OneNote2007标签功能DemoAuthor:JustinYoung(杨正祎)Keywords:web标准,tab标签,this.event.srcElement,srcElement,tag,onenote2007Note:为了快速模拟的原因,所以JavaScr

本文示例源代码或素材下载

Title:模拟OneNote2007标签功能Demo

Author:JustinYoung(杨正祎)

Keywords:web标准,tab标签,this.event.srcElement,srcElement,tag,onenote2007

Note:为了快速模拟的原因,所以JavaScript设计的不好.请见谅.此demo来源于JustinYoung的博客YES!B/S!

本来项目准备用wizard控件来实现的,但是发现wizard的实现真的和web标准是格格不入.前台产生的全部都是

table套table.wizard的控件本身提供的对外观的可控性又比较低.当然这些都是次要原因.主要的是业务需求

发现没有必要再利用wizard控件了.所以就绝对自己做一套类似OneNote2007的tab页面来.这里只是一个小的

Demo,也只实现了最基本个功能.其中还有很多不完善的地方.特别是JavaScript的设计,因为想快速的看到效果,

所以有很多不合理的地方,请见谅.

网速慢的时候,如果实现此效果,应该将图片先预载.

This Demo can't show in FF well.but it's not mean won't.

----JustinYoung 2007.06.07