Tip: you can modify some code before running
<p><meta content="text/html; charset=gb2312" http-equiv="Content-Type" /><style type="text/css">Html {filter: expression(document.exe cCommand ("BackgroundImageCache", false, true)} body {text-align: center; font: 12px Verdana, sans-serif; margin: 5px 0} ul, ol, li {margin: 0; padding: 0; border: 0; list-style-type: none} input, select {font-size: 12px} a {color: #010101; text-decoration: none; outline: none} a: hover {text-decoration: underline }. tab {height: 100%; text-align: left }. tab. title ,. tab. title div ,. tab. title. n1 ,. tab. title. n1 span ,. tab. title. n2 ,. tab. title. n2 span {background: url ("yun_qi_img/0f31f293b25ac2d4018f8a794362c442.gif") no-repeat left top }. tab. title {height: 30px; padding-left: 10px }. tab. title div {background-position: right top; display: block; height: 100% }. tab. title. n1 ,. tab. title. n2 {background-position: left bottom; height: 26px; line-height: 26px; display: block; float: left; text-align: center; padding-left: 12px; margin-top: 4px; margin-left: 1px; color: #333; text-decoration: none }. tab. title. n1 span ,. tab. title. n2 span {background-position: right bottom; display: block; padding-right: 12px }. tab. title. n2 {background-position: left-30px }. tab. title. n2 span {background-position: right-30px }. tabcon ul {margin: 5px auto; padding: 0 }. tabcon ul li {height: 24px; line-height: 24px; padding-left: 16px; overflow: hidden; display: block}</style></p><script type="text/javascript">Function $ (obj) {return document. getElementById (obj)} function Tab (Xname, Cname, Lenght, j) {for (I = 1; I<Lenght;i++){eval("$('"+Xname+i+"').className='n2'");}eval("$('"+Xname+j+"').className='n1'");for(i=1;i<Lenght;i++){eval("$('"+Cname+i+"').style.display='none'");eval("$('"+Cname+j+"').style.display='block'");}}</script><div ><p>Onmouseover event</p><div class="Tab"><div class="title">Tab 1 tab 2 select 3 select 4 Select 5<div> </div></div><div class="tabcon"><ul id="ax1"> <li>JavaScript classic effect set-planning in Phase II</li> <li>Old Cat's ideal production w3school javascript ebook chm</li> <li>Posting notes | beginner | FAQ | excellent sorting 0722</li></ul><ul id="ax2" > <li>Recent technical discussion posts (continuous updates: 12-10)</li> <li>Posting notes | beginner | FAQ | excellent sorting 0722</li> <li>Notification on management during the Olympics and opening of registration invitation only</li></ul><ul id="ax3" > <li>Old Cat's ideal production w3school javascript ebook chm</li> <li>Recent technical discussion posts (continuous updates: 12-10)</li> <li>JavaScript classic effect set-planning in Phase II</li></ul><ul id="ax4" > <li>Recent technical discussion posts (continuous updates: 12-10)</li> <li>Posting notes | beginner | FAQ | excellent sorting 0722</li> <li>Notification on management during the Olympics and opening of registration invitation only</li></ul><ul id="ax5" > <li>Old Cat's ideal production w3school javascript ebook chm</li> <li>Recent technical discussion posts (continuous updates: 12-10)</li> <li>JavaScript classic effect set-planning in Phase II</li></ul></div></div><p>Onclick event</p><div class="Tab"><div class="title">Tab 1 tab 2 select 3 select 4 Select 5<div> </div></div><div class="tabcon"><ul id="bx1"> <li>JavaScript classic effect set-planning in Phase II</li> <li>Old Cat's ideal production w3school javascript ebook chm</li> <li>Posting notes | beginner | FAQ | excellent sorting 0722</li></ul><ul id="bx2" > <li>Recent technical discussion posts (continuous updates: 12-10)</li> <li>Posting notes | beginner | FAQ | excellent sorting 0722</li> <li>Notification on management during the Olympics and opening of registration invitation only</li></ul><ul id="bx3" > <li>Old Cat's ideal production w3school javascript ebook chm</li> <li>Recent technical discussion posts (continuous updates: 12-10)</li> <li>JavaScript classic effect set-planning in Phase II</li></ul><ul id="bx4" > <li>Recent technical discussion posts (continuous updates: 12-10)</li> <li>Posting notes | beginner | FAQ | excellent sorting 0722</li> <li>Notification on management during the Olympics and opening of registration invitation only</li></ul><ul id="bx5" > <li>Old Cat's ideal production w3school javascript ebook chm</li> <li>Recent technical discussion posts (continuous updates: 12-10)</li> <li>JavaScript classic effect set-planning in Phase II</li></ul></div></div></div>
Tip: you can modify some code before running
