快捷導(dǎo)航

div+css+js模擬tab切換效果事件綁定 IE,firefox兼容

更新時(shí)間：2009年12月18日 21:29:58 作者：

div+css+js模擬tab,這個(gè)版本,理論上可以添加無(wú)限個(gè)tab,而且,你只要管內(nèi)容的添加行了,不需要改JS

div+css+js模擬tab, 我這個(gè)版本,理論上可以添加無(wú)限個(gè)tab,而且,你只要管內(nèi)容的添加行了,不需要改JS
當(dāng)然,你得會(huì)DIV才行.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>div+css+js模擬tab</title> <style></style> </head> <body> <div   class="ublnpf9mb"   id="wrap"> <div   class="ublnpf9mb"   id="header"> <ul> <li><a href="#"><span>框1111</span></a></li> <li><a href="#"><span>框2222</span></a></li> <li><a href="#"><span>框3333</span></a></li> <li><a href="#"><span>框4444</span></a></li> </ul> </div> <div   class="ublnpf9mb"   id="ccc"> <div   id="ublnpf9mb"   class="cont"> 這里是內(nèi)容撒．111．．<br> 這里是內(nèi)容撒．111．．<br> 這里是內(nèi)容撒．111．．<br> </div> <div   id="ublnpf9mb"   class="cont"> 這里是內(nèi)容撒222．．<br> 這里是內(nèi)容撒．222．．<br> 這里是內(nèi)容撒．222．．<br> </div> <div   id="ublnpf9mb"   class="cont"> 這里是內(nèi)容撒．333．．<br> 這里是內(nèi)容撒．333．．<br> 這里是內(nèi)容撒．333．．<br> </div> <div   id="ublnpf9mb"   class="cont"> 這里是內(nèi)容撒．444．．<br> 這里是內(nèi)容撒．444．．<br> 這里是內(nèi)容撒．444．．<br> </div> </div> </div>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章: