위로 스크롤되는 그림과 Switching_jquery를 구현하는 몇 가지 짧은 jquery 코드 문장

animate() 매개변수 소개:
animate() 메서드는 CSS 속성 집합의 사용자 정의 애니메이션을 수행합니다.
이 방법은 CSS 스타일을 통해 요소를 한 상태에서 다른 상태로 변경합니다. CSS 속성 값은 점진적으로 변경되어 애니메이션 효과를 만들 수 있습니다.
숫자 값만 애니메이션화할 수 있습니다(예: "여백:30px"). 문자열 값은 애니메이션화할 수 없습니다(예: "배경색:빨간색").
PS: 하지만 최신 jquery UI 프레임워크를 참조하면 backgroudColor 및 색상과 같은 속성도 그라데이션을 구현할 수 있습니다.
PS: 상대 애니메이션을 만들려면 "=" 또는 "-="를 사용하세요.
우선 jquery 프레임워크를 참조해야 합니다.
코드를 다시 살펴보겠습니다.

코드 복사 코드는 다음과 같습니다.

>

1

2

3

script type=" text/javascript" src="jquery.js">




js 부분에서도 다음과 같은 롤백 효과를 얻을 수 있습니다.

코드 복사 코드는 다음과 같습니다. $(document ).ready(function(){

var Top=-350;

var Time=500;
var more =-50;
function move(){
$("#box ").animate({"margin-top":Top more},Time)
$("#box"). animate({"margin-top":Top},300);
Top = -350
if(Top==-1050)
{
Top=0; 50;
시간=400;
}
else
{
시간=500;
}
}
setInterval(이동 ,3000);
})