첫 번째 목걸이
의 구현 원리는 img의 src 속성을 동일한 그림
렌더링으로 설정하는 것입니다.
/title> <br><style type="text/css"> : 0px ;padding: 0px;} <br>.cont{width: 1100px;overflow: Hidden;margin: 0 auto;} <br>.div1, .div7{width: 50px;height: 50px;border: 1px 단색 빨간색 ;float : 왼쪽;오버플로우: 숨겨진;border-radius: 50px;} <br>.div1 img, .div7 img{너비: 50px;높이: 50px;} <br>.div2, .div6{너비: 100px;높이 : 100px ;border: 1px 단색 빨간색;float: 왼쪽;overflow: Hidden;border-radius: 100px;} <br>.div2 img, .div6 img{width: 100px;height: 100px;} <br>.div3, .div5 {너비: 200px;높이: 200px;테두리: 1px 단색 빨간색;float: 왼쪽;오버플로우: 숨겨진;border-radius: 200px;} <br>.div3 img, .div5 img{너비: 200px;높이: 200px ;} <br>.div4{너비: 300px;높이: 300px;테두리: 1px 단색 빨간색;플로트: 왼쪽;오버플로: 숨겨진;border-radius: 300px;} <br>.div4 img{너비: 300px;높이: 300px; } <br></style> <br><script type="text/javascript"> <br>window.onload = function () { <br>var link = document.getElementById("link" ); <br>linkDiv = link.getElementsByTagName("div"); <br>var i = 1; <br>setInterval(function () { <br>if (i == 7) { <br>i = 1 ; <br>for (var j = 0; j < 7; j ) { <BR>linkDiv[j].getElementsByTagName("img")[0].src = "http://images.cnblogs.com/ cnblogs_com/ kuikui/354173/t_test" i ".jpg"; <BR>} <BR>i ; <BR>} <BR>else { <BR>for (var j = 0; j < 7; j ) { <BR>linkDiv[j].getElementsByTagName("img")[0].src = "http://images.cnblogs.com/cnblogs_com/kuikui/354173/t_test" i ".jpg" <BR>} <BR> <BR>} <BR>}, 1000) <BR></script> <br><body> =" link" class="cont"> <br><div class="div1"> <br><img alt="" src="http://files.jb51.net/upload/201202 /20120213233126435 .jpg" /> <br></div> <br><div class="div2"> <br><img alt="" src="http://files.jb51. net/ upload/20120213233126464.jpg" /> <br></div> <br><div class="div3"> <br><img alt="" src="http:/ /files .jb51.net/upload/201202/20120213233126342.jpg" /> <br></div> <br><div class="div4"> <br><img alt="" src =" http://files.jb51.net/upload/201202/20120213233126709.jpg" /> <br></div> <br><div class="div5"> alt= "" src="http://files.jb51.net/upload/201202/20120213233126717.jpg" /> <br></div> <br><div class="div6"> 🎜> <img alt="" src="http://files.jb51.net/upload/201202/20120213233126170.jpg" /> <br></div> div7" > <br><img alt="" src="http://files.jb51.net/upload/201202/20120213233127469.jpg" /> <br></div> <br>< ;/ div> <br>
<br><br><br><br><br><br><br>코드 복사<br><br><br> 코드는 다음과 같습니다.</div>
<div class="codebody" id="code97177"> <br><!DOCTYPE html> <br><html> <br><머리> <br><title>项链 <본문>
