본 글의 예시에서는 jQuery 쉐이킹 레이어 특수 효과 구현 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. jQuery Shake Layer 본문 { 글꼴: 12px 조지아, 세리프 }<br> a { 텍스트 장식: 없음 }<br> #header{margin:50px 자동}<br> #헤더 p{text-align:center;font-size:16px;font-weight:bold}<br> #box{너비:400px;높이:200px;배경색:#ccc;텍스트-정렬:중심}<br> </스타일><br> <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script><br> <스크립트 유형="텍스트/자바스크립트"> var box_left = 0;<br> $(문서).ready(함수 () {<br> box_left = ($(window).width() - $('#box').width()) / 2;<br> $('#box,#footer').css({'left': box_left, 'position':'absolute'});<br> });<br> 함수 충격()<br> { <br> for (i = 1; i {<br> $('#box').animate({<br> '왼쪽': '-=15'<br> }, 3, 함수() {<br> $(this).animate({<br> '왼쪽': ' =30'<br> }, 3, 함수() {<br> $(this).animate({<br> '왼쪽': '-=15'<br> }, 3, 함수() {<br> $(this).animate({<br> '왼쪽': box_left<br> }, 3, function() {<br> | });<br> });<br> });<br> });<br> }<br> }<br> <br> </머리><br> <br> <div id="header"><br> <p>wp 백엔드 로그인 오류 흉내낼 때 특정 레이어를 좌우로 흔드세요</p><br> </div><br> <div id="box"><a href="#" onclick="shock();return false;">효과를 보려면 클릭하세요</a></div><br> </본문><br> </div>
