<!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" /> <title>test</title> <mce:style type="text/css"><!-- ul,li{margin:0; padding:0;} ul{list-style-type:none} .doctor{width:680px;height:125px;overflow:hidden;margin:12px 0 5px 12px;} #scroll_begin,#scroll_end{float:left} #inRollLeft{width:800%;float:left} .doc_go li{width:329px;float:left;margin-right:10px;border-right:1px dashed #a2c6dc; display:inline} .doc_go img{width:110px;height:120px;padding:1px;border:1px solid #cadce5;float:left;margin-right:10px;} .doc_go p{width:200px;float:left;font:normal 12px ;color:#333;line-height:20px;margin-bottom:3px;} --></mce:style><style type="text/css" mce_bogus="1">ul,li{margin:0; padding:0;} ul{list-style-type:none} .doctor{width:680px;height:125px;overflow:hidden;margin:12px 0 5px 12px;} #scroll_begin,#scroll_end{float:left} #inRollLeft{width:800%;float:left} .doc_go li{width:329px;float:left;margin-right:10px;border-right:1px dashed #a2c6dc; display:inline} .doc_go img{width:110px;height:120px;padding:1px;border:1px solid #cadce5;float:left;margin-right:10px;} .doc_go p{width:200px;float:left;font:normal 12px ;color:#333;line-height:20px;margin-bottom:3px;}</style> </head> <body> <div class="doctor" id="scroll_div"> <!-- doc_go start --> <div id="inRollLeft"> <div id="scroll_begin"> <ul class="doc_go"> <li> <a href="dclast.asp?id=3" mce_href="dclast.asp?id=3" target="_blank" title=""><img src="/UploadFile/2011161751952982.jpg" mce_src="UploadFile/2011161751952982.jpg"></a> <p>xxx</p> <p>yyyy</p> </li> <li> <a href="dclast.asp?id=3" mce_href="dclast.asp?id=3" target="_blank" title=""><img src="/UploadFile/2011161751952982.jpg" mce_src="UploadFile/2011161751952982.jpg"></a> <p>wwww</p> <p>ffff</p> </li> <li> <a href="dclast.asp?id=3" mce_href="dclast.asp?id=3" target="_blank" title=""><img src="/UploadFile/2011161751952982.jpg" mce_src="UploadFile/2011161751952982.jpg"></a> <p>eeee</p> <p>fff</p> </li> </ul> </div> <div id="scroll_end"></div> </div> <!-- doc_go over --> </div> <mce:script type="text/javascript"><!-- var speed = 20; var scroll_div = document.getElementById("scroll_div"); var scroll_begin = document.getElementById("scroll_begin"); var scroll_end = document.getElementById("scroll_end"); scroll_end.innerHTML = scroll_begin.innerHTML; function Myquee(){ if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0){ scroll_div.scrollLeft-=scroll_begin.offsetWidth; } else{ scroll_div.scrollLeft++; } } var MyMar = setInterval(Myquee,speed); scroll_div.onmouseover = function(){clearInterval(MyMar);} scroll_div.onmouseout = function(){MyMar = setInterval(Myquee,speed);} // --></mce:script> </body> </html>