Примеры в этой статье делятся конкретным кодом реализации эффекта вкладки JS для вашей ссылки. Конкретный контент заключается в следующем
Изображение воспроизведения:
Код реализации:
<html> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> unt названный документ </title> <style type = "text/css"> body {font-size: 12px;}. шрифт-вес: жирный шрифт; Текст-альбом: Центр; фоновый цвет:#990000;} .sec1 {color:#990000; Текст-альбом: Центр; фоновый цвет: #fffff;} div {line-hight: 22px;} </style> <script language = "javascript"> function $ (id) {return document.getElementById (id); } функция xxk (num, id, ii, iii) {// alert (ii); var dq; for (var i = 1; i <= num; i ++) {if (i == id) {dq = $ (ii+i) .classname = 'sec'; // текущий вариант $ (iii+i) .style.display = "block"; } else {dq = $ (ii+i) .classname = 'sec1'; $ (iii+i) .style.display = "none"; }}}} </script> </head> <body> <table cellpadding = "4" cellpacing = "1" bordercolor = "#ffffff" bgcolor = "#990000"> <td id = "t1" bgcolor = "#ffffff" id = "t2" onmouseover = "xxk (5,2, 't', 'tt')"> tab2 </td> <td bgcolor = "#fffff" id = "t3" onmouseover = "xxk (5,3, 't', 'tt')"> "3 <td> <td> <td> <td> <td> <td> <d. bgcolor="#FFFFFF" id="t4" onmouseover="xxk(5,4,'t','tt')">Tab 4</td> <td bgcolor="#FFFFFF" id="t5" onmouseover="xxk(5,5,'t','tt')">Tab 5</td> </tr> <tt> <td colspan = "5" bgcolor = "#ffffff"> <div id = "tt1"> вкладка, служащая в январе </div> <div id = "tt2" style = "Display: none;"> вкладки работают в феврале </div> <div id = "tt3". Style = "Display: None;"> вкладки работают в апреле </div> <div id = "tt5" style = "display: none;"> вкладки работают в мае </div> </td> </tr> </table> <br/> <table cellpadding = "4" cellpacing = "1" bordercolor = "#ffffff" bgcolor = "#9900"#9900 "#9900"#9900 "#9900"#9900 "#9900". id = "ts1" onclick = "xxk (4,1, 'ts', 'tts')"> вкладка 1 </td> <td bgcolor = "#ffffff" id = "ts2" onclick = "xxk (4,2, 'ts', 'ts')"> tab 2 </td> <td bgcolor = "#ffff"##ffff "#ffff"#ffff "#ffff") " onclick = "xxk (4,3, 'ts', 'ts')"> вкладка 3 </td> <td bgcolor = "#ffffff" id = "ts4" onclick = "xxk (4,4, 'ts', 'ts')"> tab 4 </td> </tr> <tr> <td colspan = "4" bgcffan = "4" bgfffan = "4" bgcffan = "4" bgcffan = "4" Bgfffan = "4" bgffan = "4" bgffan = "bgcffan =" 4 "bgffan =" bgcffan = "4 <div id = "tts1"> вкладка работает в январе. </body> </html>Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.