Tip: you can modify some code before running
<!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>Untitled Document</title><style type="text/css"><!--body,td,th {font-size: 13px;}.select1{width:280px;height:19px;border:1px solid #999999;}.select2{width:280px;height:19px;border:1px solid #666666;background-color:#FFFFCC;cursor:pointer;}#xinxi {position:absolute;left:9px;top:38px;width:300px;border:1px solid #81C28A;background-color:#F3FCF4;height:125px;display:none;z-index:1;}.td1{border:1px solid #F3FCF4;}.td2{background-color:#FEF5BC;border:1px solid #FFC467;cursor:pointer;}--></style></head><script language="javascript">Function bcd (str) {var sv = document. getElementById ("docu"); switch (str) {case "a": sv. innerHTML = "" Emperor Xiaotian "<tangl198710@126.com>"; break; case "B": sv. innerHTML = "" dark spirit "<tangl198710@126.com>"; break; case "c": sv. innerHTML = "" Ghost phase "<tangl198710@126.com>"; break; case "d": sv. innerHTML = "" Tang Xiaotian "<tangl198710@126.com>"; break;} document. getElementById ("xinxi "). style. display = "none";} function div_abc () {document. getElementById ("abc123 "). className = "select2"; document. getElementById ("tu "). src = "http://hiphotos.baidu.com/anna312/abpic/item/b37780035d14da643812bbf1.jpg";} function div_ CBA () {document. getElementById ("abc123 "). className = "select1"; document. getElementById ("tu "). src = "yun_qi_img/56240f3128ccc00aeac4aff1.gif";} function abc () {var s = document. getElementById ("xinxi"); if (s. style. display = "block") {s. style. display = "none";} else {s. style. display = "block ";}}</script><body><div id="xinxi"> <table width="300" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="3" rowspan="6"></td> <td height="3" class="td1"></td> <td width="3" rowspan="6"></td> </tr> <tr> <td height="20" class="td1" onmouseover="this.className='td2'" onmouseout="this.className='td1'" onclick="bcd('a')">Emperor Xiaotian <tangl198710@126.com></td> </tr> <tr> <td height="20" class="td1" onmouseover="this.className='td2'" onmouseout="this.className='td1'" onclick="bcd('b')">"Dark Spirit" <tangl198710@126.com></td> </tr> <tr> <td height="20" class="td1" onmouseover="this.className='td2'" onmouseout="this.className='td1'" onclick="bcd('c')">"Ghost" <tangl198710@126.com></td> </tr> <tr> <td height="20" class="td1" onmouseover="this.className='td2'" onmouseout="this.className='td1'" onclick="bcd('d')">"Tang Xiaotian" <tangl198710@126.com></td> </tr> </table></div><div class="select1" id="abc123" onclick="abc()" onmouseover="div_abc()" onmouseout="div_cba()"> <table width="280" height="19" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="5"></td> <td id="docu">"Tangl198710" <tangl198710@126.com></td> <td width="19"></td> </tr> </table></div></body></html>
Tip: you can modify some code before running
