jQuery를 사용하여 평범한 웹 페이지 만들기

JQuery와

자바 스크립트는 배우기 가장 쉬운 언어가 아닙니다. 표준 HTML을 이해하는 많은 웹 개발자는 이에 대해 상당히 겁을 먹습니다. 새로운 유형의 자바 스크립트 프레임 워크가 한동안 사용되어 왔으며 웹을 빠르게 공격하기 시작했습니다.

모든 최신 브라우저는 JavaScript를 효율적으로 실행할 수 있습니다 (최근 수정 된 파이어 폭스 그래도 엔진 속도가 빨라졌습니다). Firefox를 다운로드하여 사용하는 것이 좋습니다. 플러그인 혼자서 귀중하게 만드십시오.

jQuery를 최근에 점점 더 실험해온 JavaScript 프레임 워크입니다. 새로운 스타트 업을위한 자리 표시자를 만들었을 때 전체 사이트에 대한 콘텐츠가 충분하지 않았지만 앞으로 나올 내용을 설명하는 멋진 페이지를 설정하고 싶었습니다. 그리고 우리는 몇 분 안에 그것을하고 싶었습니다!

jQuery는 트릭을 수행했습니다.

jQuery + 가상 무엇이든 검색하면 개발자가 바로 사용할 수있는 플러그인이라는 솔루션을 구축했음을 알 수 있습니다! 이 경우 "jQuery carousel"을 검색 한 결과 환상적이고 포괄적 인 Dynamic Drive의 jQuery 캐 러셀 솔루션.

jQuery의 또 다른 좋은 점은 코드는 이제 Google에서 호스팅합니다.. 따라서 jQuery를 자신의 서버에 업로드 할 필요가 없으며 웹 사이트 독자가 매번 다운로드 할 필요도 없습니다. jQuery에 대한 참조가있는 한 사이트에 방문했다면 사이트에서 사용할 수 있도록 자동으로 캐시됩니다!

head 태그 내에 코드를 추가하기 만하면 jQuery로 실행됩니다.


캐 러셀을 실행하려면 stepcarousel 스크립트를 업로드하고 참조해야했습니다.


그 후 페이지 수정은 간단했습니다! 내 캐 러셀을 마이 갤러리 그리고 스트립 패널 이라는 div 내에서 벨트. 그런 다음 내 body 태그 내에 작은 설정 코드를 추가했습니다.

액션을 상당히 커스터마이즈 할 수 있습니다. 이 경우 페이지가로드 될 때 자동으로 실행되도록 스크립트를 수정했습니다. 각 패널이 표시되는 속도와 지속 시간, 패널을 수동으로 좌우로 회전하는 버튼을 사용자 정의했습니다. 이 플러그인의 또 다른 멋진 기능 – 마지막 패널에 도달하면 되감기 다시 처음으로!

프로그래밍이 두렵거나 JavaScript가 위협적인 경우 jQuery가 솔루션이 될 수 있습니다. 대부분의 경우 파일 참조를 복사하여 붙여넣고, 몇 가지 설정을 편집하고, 페이지를 올바르게 구성하기 만하면됩니다.

댓글 3

  1. 1

    저는 현재 웹 사이트를 재 구축하고 있으며 모든 것이 잘되면 이번 주말 출시를 목표로하고 있습니다. 나는 jQuery의 몇 가지 측면을 사용하고 있으며 지금까지 불만이 없습니다. 모든 것이 "웹 2.0"느낌을주는 것처럼 보이며 완성 된 사이트를 칭찬 할뿐입니다.

당신은 어떻게 생각하십니까?

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.