묻다찾다_PHP 중국어 웹사이트

지역 사회 배우다 도구 라이브러리 여가

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

javascript - 이미지 수집 효과, 3D 효과 추가 후 선이 나타나는 이유는 무엇입니까?

하나의 div에 여러 개의 하위 div가 있고, 하위 div의 배경 이미지를 모아서 전체 그림을 이루는 데, 집합 효과를 위해 3D y축 반전 효과를 추가했습니다. 접합할 때 중간? 논리적으로 모아본 후여야 합니다. 첨부된 코드는 다음과 같습니다.pic{width: 1000px;height: 655px;positi...

曾经蜡笔没有小新 2017-05-18 10:46:23

touchmove를 사용하여 Y 좌표 캡처: 단계별 가이드

html, javascript, canvas를 사용하여 모바일 앱을 만들려고 하는데, 기본적으로 아래로 스크롤하면 이미지 확대/축소가 늘어나고, 위로 스크롤하면 이미지 확대/축소가 감소하는데, 스크롤할 때마다 크기가 계속 커지기 때문에 확대/축소만 줄일 수 있습니다. 크기가 줄어들기를 바랍니다. 자바스크립트 코드의 일부: document.addEventListener('touchmove',(event)=>{if(event.pageY<0){zoomLevel/=1

P粉996763314 2023-10-08 10:35:03

javascript - 네이티브 js 캐러셀 차트

최근 네이티브 js 캐러셀 사진을 만지작거리다가 전환에 전환을 추가해서 마지막 사진부터 첫 번째 사진까지 연결 문제가 컸습니다. 마지막 그림 뒤에 첫 번째 그림을 추가한 다음 상위 요소에서 첫 번째 그림을 제거하는 것이 아이디어입니다. 비슷한 코드를 작성한 마스터가 있습니까?

PHPz 2017-05-18 10:46:20

페이지가 끝에 가까워지면 요소가 사라져야 합니다.

페이지 상단에서 아래로 스크롤할 때 클래스를 추가하고 제거하기 위한 JS 코드가 있지만, 페이지 끝 부분에 도달하면 사라지거나 일부 스크롤 후 이전 상태로 되돌아가기를 원합니다( 예: 오른쪽에서 7px에서 오른쪽으로: -150px) 동일한 JS 코드를 복사하고 scrollTop>rollBottom을 변경했지만 작동하지 않습니다. jQuery(document).on('scroll',(e)=>{if(document.body.scrollTop>120|

P粉463418483 2024-03-29 23:04:00

전체 페이지를 이동하지 않고 특정 섹션을 대상으로 하는 페이지 내에서 세로 스크롤 구현

일부 페이지에서 이런 효과를 본 적이 있습니다. 아래로 스크롤했지만 페이지 자체가 움직이지 않는 것 같습니다. 따라서 일부 요소는 페이드 인 또는 아웃되거나 나타나거나 사라집니다. 5장의 카드가 포함된 섹션이 있습니다. 이제 동일한 효과를 만들고 싶습니다. 섹션까지 아래로 스크롤할 때 위아래로 스크롤하여 섹션을 탐색하고 싶습니다. 현재 위치에 따라 카드를 표시하거나 숨기고 싶습니다. 먼저 해당 섹션에 Overflow:scroll을 추가했지만 이 효과를 만들 아이디어가 부족했습니다.

P粉946437474 2023-08-15 19:29:46

마지막 열에 클래스를 추가하면 이미지와 애니메이션이 사라지는 이유는 무엇입니까?

무한 루프에서 6개의 이미지에 애니메이션을 적용하려고 합니다. 6번째 이미지를 추가하고 "포스터" 클래스를 추가하면 이미지가 표시되지 않지만 6번째 열(또는 이미지)에 "포스터" 클래스를 추가하지 않으면 처음 5개의 이미지가 올바르게 표시되고 애니메이션됩니다. 왜 이런 일이 발생하는지 이해하지 못합니다. 보시다시피 "포스터" 클래스는 여섯 번째 열에 없으므로 코드는 작동하지만 해당 클래스를 추가하자마자 작동이 중지됩니다. (나는 bootstrap5를 사용하고 있지만 이것이 이 문...

P粉792026467 2023-08-15 11:29:09

javascript - js 연습 질문입니다. 여기서 마지막 getElementsByTagName('a')[0]이 0인 이유는 무엇입니까?

{Code...} 이 구현의 효과는 테이블의 마지막 열을 추가하고 삭제하는 효과입니다. createElement가 태그를 생성한 후 oTd.getElementsByTagName('a')[0].onclick 이유를 이해할 수 없습니다. =function() 여기서 선택한 TagName은 [0]입니다.

女神的闺蜜爱上我 2017-06-26 10:57:27

React에서 Pinterest와 같은 동적 이미지의 CSS 그리드 구현

그래서 CSSGrid를 이용해서 핀터레스트 같은 이미지 갤러리를 만들어 보려고 합니다. 따라서 높이가 다른 사진이 나란히 있을 수 있으며 각 사진은 빈 공간을 차지할 수 있습니다. 그러나 내가 본 모든 예제는 원하는 높이에 따라 각 이미지에 다른 클래스를 추가하는 반면, 나는 데이터베이스에서 이미지를 동적으로 추가하고 싶습니다. 나는 이것을 시도했습니다: <divclassName='gallery'><imgclassName='image'></img><img

P粉614840363 2024-03-21 20:21:31

html - CSS에서 절대 경로 이미지를 배경으로 사용하는 방법

표시할 사진이 많은 프로젝트를 진행하고 있는데, 추후 유지 관리의 편의를 위해 사진을 업로드하고 나중에 사진이 업데이트되거나 추가될 경우 절대 경로를 사용하여 표시할 예정입니다. 프로젝트를 변경할 필요는 없습니다. 사진 관리소에 가서 변경하면 됩니다...

怪我咯 2017-06-17 09:15:48

javascript - 페이지를 넘길 때 특정 그림을 수정한 다음 페이지를 넘기고 싶습니다.

페이지는 다음과 같습니다. 한 페이지에 4개의 사진이 표시되고, 페이지를 넘길 때마다 4개의 사진이 함께 변경됩니다. 이제 각 사진의 왼쪽 상단에 확인란을 추가하고 싶습니다. 사진을 선택하려면 를 클릭하세요. 다음 페이지나 이전 페이지에서 이 사진은 변경되지 않지만 체크하지 않은 사진은 변경됩니다. 나 지금...

给我你的怀抱 2017-07-05 10:57:46

javascript - jQuery 파일 업로드 플러그인에 대한 질문

사용자는 input="file" 태그를 사용하여 그림을 선택합니다. 사용자가 선택한 그림을 캔버스에 그린 후 처리를 위해 base64 그림 데이터를 얻습니다. 그러면 이 결과를 jQuery 파일에 어떻게 넣을 수 있을까요? 업로드를 누른 다음 버튼을 클릭하세요. 업로드는 어떻게 되나요? {암호...}

淡淡烟草味 2017-06-10 09:49:07

javascript - 장바구니 효과를 달성하기 위한 기본 js+localStorage

질문: 1. 처음 페이지를 열면 로컬 저장소가 없기 때문에 데이터가 검색되지 않습니다. 제품이 1개 추가되고 장바구니에 1개가 추가되지 않습니다. 다음 레슨에서는 정상적으로 2개의 상품이 추가되고, 2개의 상품이 장바구니에 추가됩니다. 각 상품의 첫 번째 상품을 추가할 때 두 번째 상품은 장바구니에 추가되지 않습니다. 추가됩니다. 결과 표시...

高洛峰 2017-06-12 09:26:38

스크롤 배경 이미지의 불투명도를 낮추고 최소 불투명도를 제한합니다.

스크롤할 때의 불투명도를 줄이고 랜딩 페이지에서 멀어질 때 배경 이미지를 가져오려고 합니다. 바닐라 자바스크립트를 사용하여 불투명도를 최소 0.5로 낮추려고 합니다. 스크롤 함수에 Math.max()를 추가하여 0.5까지만 낮추려고 했지만 이로 인해 모든 페이지에서 이미지가 0.5로 유지되었습니다. 랜딩 페이지의 불투명도는 항상 1로 설정하고 다른 모든 페이지의 불투명도는 0.5로 설정하고 싶습니다. 스크롤에 애니메이션을 적용할 수 있지만 0.5에서 멈춰야 합니다. constlandingHeight=document.getElemen...

P粉166675898 2024-04-04 23:50:53

CSS 행 클래스는 특정 요소를 프레임 밖으로 내보내는 동시에 정적이고 디스플레이 하단에 고정되어야 합니다.

현재 내 페이지는 다음과 같습니다. 두 요소가 서로 옆에 있도록 행 클래스를 추가한 후 하단 탐색 모음이 스크롤해야 하는 위치로 푸시됩니다. 여기에서 행 요소가 없는 다른 페이지를 볼 수 있습니다. 탐색 링크는 디스플레이 하단에 완벽하게 고정되어 있습니다(식물 및 방 탐색 요소는 알림 탭(이미지 1)에 있어서는 안 되므로 이 요소를 무시합니다 이미지 2). 페이지가 스크롤 가능하고 내 탐색바가 올바른 위치에 유지되지만 요소의 윤곽이 올바르지 않습니다. 모든 녹색 상자 디스플레이는 편집 및 삭제 버튼과 함께 서로 포개져 표시되어야 합...

P粉156415696 2024-04-03 18:48:12

css3 - 배경색 대신 CSS 글꼴 스타일과 채우기 색상 추가

다음과 같은 글꼴 스타일이 있습니다. 전체 스팬이 하트를 감싸는 대신 하트에 색상을 추가하려는 경우 색상 오류는 다음과 같습니다. 스팬의 정의는 다음과 같습니다. {코드...} 배경색을 추가하면 위의 그림이 나타납니다. 색상을 직접 사용하면 하트 모양의 테두리만 색칠됩니다.

天蓬老师 2017-06-08 11:02:27

클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03

onclick() 함수를 통해 이미지 변경

개체를 클릭하면 한 그림을 다른 그림으로 바꾸고 싶습니다. 코드는 다음 순서로 쌓입니다. 내가 원하는 것은 클릭하면 이미지가 컬러 버전의 이미지, 즉 다른 이미지로 대체되는 것입니다. 이제 JQuery/JS를 사용하여 이를 수행할 수 있다는 것을 알았습니다. 하지만 이렇게 간단한 기능을 구현하기 위해 JS 코드를 많이 추가하고 싶지는 않습니다. 이것을 달성하는 더 쉬운 방법이 있습니까? pseudo-selector.active 클래스와 같은 메소드? 나는 그것을 알아낼 수 없다.

P粉242535777 2023-08-18 08:53:28

javascript - Vue 초보자가 도움을 요청합니다. v-for 및 v-if는 동일한 수준에서 여러 요소를 렌더링합니다. 요소 중 하나의 표시/숨기기를 개별적으로 변경하는 방법은 무엇입니까?

www.todolist.cn을 흉내내서 연습할 수 있도록 추가, 삭제, 수정이 가능한 할일 목록을 만들었는데, 할일 내용을 다시 편집하다 막히네요. 공식적인 해결 방법이 요약되어 있지 않아서 여기에 도움을 요청했습니다. 다음과 같은. 텍스트를 클릭하면 입력 수정으로 바뀌는데, 내 v-if가 같은 변수에 바인딩되어 있기 때문에 효과는 이렇습니다...

淡淡烟草味 2017-06-12 09:27:36

Bootstrap Vue를 사용하여 이미지를 오른쪽 정렬하는 방법

저는 BootstrapVue를 처음 사용하고 b-cardheader를 사용하여 이미지를 오른쪽에 정렬하려고 합니다. <span>이나 <div>를 사용해 보았습니다. 템플릿의 제목 크기는 이미지를 추가하기 전까지는 완벽했습니다. 오른쪽에도 약간 표시되었지만 아래에도 약간 표시되었습니다. 여기 내 코드펜 링크가 있습니다. 당신이 제공할 수 있는 어떤 도움이라도 대단히 감사하겠습니다. https://codepen.io/tone373/pen/JjeYazG<b-cardheader-

P粉216807924 2023-09-07 23:33:56

javascript - 스크롤 막대에 따라 페이지에서 고정 위치의 사이드바 위치를 동적으로 늘리는 방법은 무엇입니까?

요구 사항은 다음과 같습니다. 처음에는 페이지의 사이드바가 페이지의 특정 위치(예: 오른쪽: 0, 아래쪽: 0)에 고정되어 있습니다. 바닥글 부분을 접으면(아래 그림 참조) 특정 위치에 도달하면 스크롤 막대가 증가함에 따라 하단의 값이 증가합니다. 효과는 시작점과 유사합니다.

高洛峰 2017-06-26 10:53:43