1. 태그는 이에 따라 Metrojs.css, jquery.js, Metro.js를 참조해야 합니다. 코드 복사 코드는 다음과 같습니다. 전체 코드는 아래에 게시되어 있습니다. 코드 복사 코드는 다음과 같습니다. < /title> ;script src="http://code .jquery.com/jquery-1.7.1.js"> script> <br></head> <br><body> <br><h1>간단한 메트로 데모</h1> <br><!--첫 번째 , div는 컨테이너 내부에 여러 개의 liveTiles(동적 타일)을 배치할 수 있습니다. class="black"은 사용할 스타일을 나타냅니다. 이제 공식 웹사이트에서 사용자 정의를 지원합니다. > <br><div class="blue"> ; <BR><!--다음은 첫 번째 liveTile입니다--> <br><!--class="live-tile"을 참고하세요. 이는 마음대로 변경할 수 있지만 $(".live-tile").liveTile(); 동기화--> <br><div class="live-tile"> <br>각 liveTile에는 각각 두 개의 div가 있어야 합니다. 두 개의 사진<br><div><a href="#">나는 첫 번째 liveTile입니다</a></div> ; <br><p>I 첫 번째 라이브타일의 두 번째 얼굴입니다.</p> <br></div> <br><!--다음은 두 번째 liveTile--> ; <BR><!--기본 너비와 높이는 150px이며 변경 가능합니다.--> <br><div class="live-tile" style="width:300px ; height:300px"> <br><div>저는 두 번째 liveTile입니다</div> <br><div> <br><p>아래에 사진을 올려보세요</p> <br> <img src= "http://www.baidu.com/img/bdlogo.gif" alt="나는 바이두입니다" /> <br></div> <br></div> ></ div> <br><script type="text/javascript"> <br>$(document).ready(function () { <br>$(".live-tile").liveTile( ); <br>}); <br></body> <br></html> <br><br> <br> 효과가 있지만 방법이 없습니다. 그리고 너무 늦고 졸려서 더 이상하지 않을 것입니다. 관심이 있으시면 코드를 직접 복사하십시오.</div>