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

2019-11-21 00:53:40

字體：大中小

來源：轉載

供稿：網友

div+css+js模擬tab, 我這個版本,理論上可以添加無限個tab,而且,你只要管內容的添加行了,不需要改JS
當然,你得會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="iwvjtn8m0"   id="wrap"> <div   class="iwvjtn8m0"   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="iwvjtn8m0"   id="ccc"> <div   id="iwvjtn8m0"   class="cont"> 這里是內容撒．111．．<br> 這里是內容撒．111．．<br> 這里是內容撒．111．．<br> </div> <div   id="iwvjtn8m0"   class="cont"> 這里是內容撒222．．<br> 這里是內容撒．222．．<br> 這里是內容撒．222．．<br> </div> <div   id="iwvjtn8m0"   class="cont"> 這里是內容撒．333．．<br> 這里是內容撒．333．．<br> 這里是內容撒．333．．<br> </div> <div   id="iwvjtn8m0"   class="cont"> 這里是內容撒．444．．<br> 這里是內容撒．444．．<br> 這里是內容撒．444．．<br> </div> </div> </div> <script type="text/javascript"></script> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：IE和Firefox下event事件雜談

下一篇：替代window.event.srcElement效果的可兼容性的函數