<!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=utf-8" /><script type="text/javascript">function ranklist(id,ele,elename,elechild,start_ele,cur_ele){? ? var obj_id=document.getElementById(id);? ? var obj_ele=$tag(obj_id,ele);? ? for(i=0;i<obj_ele.length;i++){? ? ? ? if(obj_ele[i].className.indexOf(elename) == -1) continue;? ? ? ? var objlist=$tag(obj_ele[i],elechild);? ? ? ? for(j=0;j<objlist.length;j++){? ? ? ? ? ? objlist[j].onmouseover=function(){? ? ? ? ? ? ? ? var paris=this.parentNode;? ? ? ? ? ? ? ? var list=$tag(paris,elechild);? ? ? ? ? ? ? ? for(x=0;x<list.length;x++){? ? ? ? ? ? ? ? ? ? var thisdiv=$tag(list[x],cur_ele)[0];? ? ? ? ? ? ? ? ? ? var thisp=$tag(list[x],start_ele)[0];? ? ? ? ? ? ? ? ? ? thisdiv.style.display="none";? ? ? ? ? ? ? ? ? ? thisp.style.display="block";? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? var start=$tag(this,start_ele)[0];? ? ? ? ? ? ? ? start.style.display='none';? ? ? ? ? ? ? ? var cur=$tag(this,cur_ele)[0];? ? ? ? ? ? ? ? cur.style.display='block';? ? ? ? ? ? }? ? ? ? }? ? }}function $tag(id,tag){return id.getElementsByTagName(tag);}setTimeout("ranklist('ranklist','ul','topcn','li','p','div')",0);</script><title>無標題文檔</title><style type="text/css">ul,p{ margin:0; padding:0;}.topcn{width:300px;line-height:27px;font-size:12px;}.topcn a{font-size:12px;}.topcn li{border-bottom:#000 1px dotted;display:inline-block;clear:both;}.topcn span{float:left;width:17px;height:15px;line-height:15px;text-align:center;font-size:9px;font-family: Verdana, Geneva, sans-serif;margin:5px 5px 0 0;background-color:#99C;}.topcn p,.topcn div {float:left;width:278px;}.topcn p code {float:right;color:#9f9fa1;}.topcn img {width:67px;height:50px;border:#000 1px solid;float:left;margin:3px 10px 0 0;display:inline; background-color: #CCF;}.topcn em {display:block;color:#919b9d;}.topcn div{line-height:19px; padding-bottom:5px; display:none;}</style></head><body><div id="ranklist">? <ul class="topcn">? ? <li>? ? ? ? <span>1</span>? ? ? ? <p style="display:none;"><code>2007-2-10</code><a href="#">鼠標滑過列表文字顯</a></p>? ? ? ? <div style="display:block;">? ? ? ? ? <a href="#"><img src="images/imgs.jpg" title="圖片"/></a>? ? ? ? ? ? <a href="#">鼠標滑過列表文字顯示圖片及詳細信息信息信息</a>? ? ? ? ? ? <em>日增：666</em>? ? ? ? </div>? ? </li>? ? <li>? ? ? ? <span>2</span>? ? ? ? <p><code>2007-2-10</code><a href="#">鼠標滑過列表文字顯</a></p>? ? ? ? <div>? ? ? ? ? <a href="#"><img src="images/imgs.jpg" title="圖片"/></a>? ? ? ? ? ? <a href="#">鼠標滑過列表文字顯示圖片及詳細信息信息信息</a>? ? ? ? ? ? <em>日增：666</em>? ? ? ? </div>? ? </li>? ? <li>? ? ? ? <span>3</span>? ? ? ? <p><code>2007-2-10</code><a href="#">鼠標滑過列表文字顯</a></p>? ? ? ? <div>? ? ? ? ? <a href="#"><img src="images/imgs.jpg" title="圖片"/></a>? ? ? ? ? ? <a href="#">鼠標滑過列表文字顯示圖片及詳細信息信息信息</a>? ? ? ? ? ? <em>日增：666</em>? ? ? ? </div>? ? </li> ? ?? </ul></div></body></html>
求大神幫我把<div id="ranklist">改成<div class="ranklist">，還有js代碼那里
寶慕林6293660
2017-06-12 10:04:42