>  기사  >  웹 프론트엔드  >  위로 스크롤되는 그림과 Switching_jquery를 구현하는 몇 가지 짧은 jquery 코드 문장

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

WBOY
WBOY원래의
2016-05-16 18:02:381037검색

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);
})

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.