지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 위로 스크롤되는 그림과 Switching_jquery를 구현하는 몇 가지 짧은 jquery 코드 문장

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

WBOY
풀어 주다： 2016-05-16 18:02:38
원래의
1070명이 탐색했습니다.

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

관련 라벨：
그림 스크롤 스위치
원천：php.cn
이전 기사：JQuery 확장 플러그인 Validate - 6 라디오, 체크박스 및 select_jquery 확인 다음 기사：JQuery 확장 플러그인 Validate-4는 오류 스타일을 설정합니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
1335
단어와 일치하는 정규식 새 작업 이름을 데이터베이스의 기존 작업 이름과 일치시키려는 스크립트가 있습니다. SELECTa.titleASJobTitle,j.DescriptionASMatch...
에서 2024-04-06 21:24:04
0
1
606
Javafx에서 인라인 CSS 스타일을 동적으로 수정합니다. 응용프로그램이 최대화되었을 때 창의 배경 이미지를 변경하려고 합니다. 내 배경은 인라인 CSS를 사용하여 설정됩니다. 스타일에 대해 두 개의 다른 변수와 if 문...
에서 2024-04-06 20:57:16
0
1
487
그리드를 사용하여 특정 디자인 만들기: 단계별 가이드 이 이미지와 유사한 레이아웃을 만들려고 합니다. 이 그리드를 사용해 보았지만 그렇게 할 수 없습니다. <ulclass="container"...
에서 2024-04-06 20:29:08
0
2
492
모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요? 사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작...
에서 2024-04-06 19:23:03
0
1
411
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿