<div class="codetitle"> <span><a style="CURSOR: pointer" data="32761" class="copybut" id="copybut32761" onclick="doCopy('code32761')"><u>复aze代码</u></a></span> 代码如下:</div> <div class="codebody" id="code32761"> <br><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br><html><br> <head><br> <제목> 새 문서 </title><br> <style type="text/css"><br> *{margin:0;padding:0;}<br> ul{list-style:none external none}<br> .slchanpin001{너비:200px;테두리:1px 단색 주황색;여백:55px 자동}<br> .slchanpin001-t{높이:25px;배경:주황색}<br> .slchanpin001-c{너비:200px;높이: 60px;overflow:hidden;위치:상대}<br> .slchanpin001-c li{float:left;width:200px;height:60px; background:red;}<br> .slchanpingCon01{height:60px;position:absolute; top:0;left:0;}<br> </style><br> </head><br> <body><br> <div class="slchanpin001"><br> < div class="slchanpin001-t"></div><br> <div class="slchanpin001-c"><br> <div class="slchanpingCon01" id="slchanpingCon01"><br> <ul> <br> <li>1</li> <br> <li>2</li> <br> <li>3</li> <br> <li>4< /li><BR> <li>5</li><BR> <li>6</li><BR> <li>7</li><BR> <li>8</li> ;<BR> <li>9</li><BR> <li>10</li><BR> <li>10</li><BR> <li>10</li><BR> </ul><br> </div><br> </div><br> </div><br><br> <br> <script type="text/javascript" ><br> var sl = function(id){ return document.getElementById(id)}<br> var speed = 0;<br> var 타이머 = null;<br> var i=0;<br> function slProdust (){<br> var slchanpingCon01 = sl("slchanpingCon01").getElementsByTagName("li");<br> var slElem = sl("slchanpingCon01");<br> var slchanpingCon01[0].offsetWidth * sl 찬핑콘01 .length;<br> slElem.style.width = slDivWidth "px";<br> function autoFunc(){<br> if(speed > -slDivWidth ){<br> speed--;<br><br> slElem.style.left = 속도 "px"<br> }<br> else{<br><br> clearTimeout(타이머);<br> }<br> timer = setTimeout(function(){autoFunc()},10);<br> }<br> autoFunc();<br> }<br> slProdust();<br> </script> <br> </body><br></html><br> </li> </ul> </div>