세상과 연결

swipeleft event version added: 1.0 설명 : 스 와이프 이벤트가 왼쪽 방향으로 이동하면 트리거됩니다. jQuery( window ).on( "swipeleft", function( event ) { ... } ) 왼쪽 방향으로 1 초 동안 30px 이상 (세로로 30px 미만)의 수평 드래그가 발생하면 트리거됩니다. 스 와이프 이벤트에 대한 자세한 내용은 스 와이프 이벤트 항목을 참조하십시오. 예:스 와이프 레프트 이벤트를 캡처하고 연기하는 간단한 예 Swipe the green rectangle in the left direction to change its color:

CSS Box Model The CSS Box Model 모든 HTML 요소는 상자로 간주 할 수 있습니다. CSS에서는 디자인과 레이아웃에 대해 "박스 모델"이라는 용어가 사용됩니다. CSS 상자 모델은 본질적으로 모든 HTML 요소를 감싸는 상자입니다. 여백, 테두리, 패딩 및 실제 내용으로 구성됩니다. 아래 이미지는 상자 모델을 보여줍니다. 다른 부분에 대한 설명 : Content - 텍스트와 이미지가 나타나는 상자의 내용Padding - 내용 주변의 영역을 지 웁니다. 패딩은 투명합니다.Border - 패딩과 내용을 둘러싼 경계Margin - 경계 외부 영역을 지 웁니다. 마진은 투명 Examplediv { width: 300px; border: 25px solid green; padding: 2..

Setting max-width max-width 속성은 요소의 최대 너비를 설정하는 데 사용됩니다. max-width는 px, cm 등의 길이 값이나 포함하는 블록의 퍼센트 (%)로 지정하거나 none으로 설정 될 수 있습니다 (기본값은 최대 너비가 없음을 의미). 위의 문제는 브라우저 창이 요소의 너비 (500 픽셀)보다 작을 때 발생합니다. 그런 다음 브라우저는 페이지에 가로 스크롤 막대를 추가합니다. 이 경우 max-width를 사용하면 브라우저에서 작은 창을보다 잘 처리 할 수 ​​있습니다. 도움말 : 두 개의 div의 차이를 보려면 브라우저 창을 500 픽셀 너비 이하로 드래그하십시오. 참고 : max-width 속성의 값은 width를 재정의합니다. 다음 예제는 높이가 100 픽셀이고 최대 ..

CSS Height and Width Setting height and width height 및 width 속성은 요소의 높이 및 너비를 설정하는 데 사용됩니다. 높이와 너비를 자동으로 설정할 수 있습니다 (기본값 : 브라우저가 높이와 너비를 계산한다는 의미). 또는 px, cm 등의 길이 값 또는 포함 된 블록의 백분율 (%)로 지정합니다. . Examplediv { height: 200px; width: 50%; background-color: powderblue;} Set the height and width of an element This div element has a height of 200px and a width of 50%: This element has a height of 100 ..

key — 배열에서 키를 가져옵니다 설명 ¶ mixed key ( array &$array )key()는 현재 배열 위치의 인덱스 요소를 반환합니다. 인수 ¶ array배열. 반환값 ¶ 인덱스를 반환합니다. 예제 ¶ Example #1 key() 예제 위 예제의 출력: fruit1 fruit4 fruit5

next — 배열의 내부 배열 포인터를 전진 설명 ¶ mixed next ( array &$array )next()는 current()와 비슷하게 동작하지만 한가지 차이를 갖고 있다. 원소값을 반환하기 전에 내부 배열 포인터를 한칸 다음으로 전진시킨다. 이 말은 다음 배열 값을 반환하고 내부 배열 포인터를 한칸 전진시킨다는 뜻이다. 인수 ¶ array영향 받는 array 반환값 ¶ 내부 배열 포인터가 가리키는 다음 위치의 배열 값을 반환하거나, 더 이상 원소가 없을 경우에는 FALSE를 반환합니다. Warning이 함수는 논리 FALSE를 반환하지만, 논리 FALSE로 취급할 수 있는 다른 값을 반환할 수 있습니다. 자세한 정보는 논리형 섹션을 참고하십시오. 이 함수의 반환값을 확인하려면 === 연산자를..

each — 배열에서 현재 키와 값 쌍을 반환하고 배열 커서를 전진 설명 ¶ array each ( array &$array )배열에서 현재 키와 값 쌍을 반환하고 배열 커서를 전진합니다. each()를 실행한 후에, 배열 커서는 배열의 다음 원소를 가르키거나, 배열의 끝이라면 마지막 원소 뒤를 가르킵니다. each를 사용해서 배열을 다시 따라가려면 reset()해야 합니다. 인수 ¶ array입력 배열. 반환값 ¶ array 배열에서 현재의 키와 값 쌍을 반환하고 배열 커서를 전진시킨다. 이 키/값 쌍은 4개 원소를 갖는 배열을 반환한다. 0, 1, key, value 이다. 원소 0과 key는 배열 원소의 키 이름을 포함하고, 1과 value는 데이터를 포함한다. 배열의 내부 포인터가 배열의 끝을 벗..

swipe eventversion added: 1.0 설명 : 1 초 동안 30px 이상 (세로로 30px 미만)의 수평 드래그가 발생하면 트리거됩니다. jQuery( window ).on( "swipe", function( event ) { ... } ) 1 초 동안 30px 이상 (수직으로 30px 미만)의 수평 드래그가 발생했을 때 트리거되지만 다음과 같이 구성 할 수 있습니다. $.event.special.swipe.scrollSupressionThreshold (default: 10px) – 이 수평 이동보다 더 많이 스크롤을 억제합니다.$.event.special.swipe.durationThreshold (default: 1000ms) – 이보다 더 많은 시간이 걸리며 슬쩍하지 않습니다.$...

scrollstop eventversion added: 1.0 설명 : 스크롤이 완료되면 트리거됩니다. jQuery( ".selector" ).on( "scrollstop", function( event ) { ... } ) scrollstop eventversion added: 1.0 설명 : 스크롤이 완료되면 트리거됩니다. jQuery( ".selector" ).on( "scrollstop", function( event ) { ... } )

scrollstart event version added: 1.0 설명 : 스크롤이 시작될 때 트리거합니다. jQuery( ".selector" ).on( "scrollstart", function( event ) { ... } ) iOS 장치는 스크롤하는 동안 DOM 조작을 멈추고, 스크롤이 끝나면 큐 처리를 적용합니다. Google은 현재 스크롤이 시작되기 전에 DOM 조작을 적용 할 수있는 방법을 조사하고 있습니다.