탭 전환 효과를 만들려면 어떻게 해야 합니까(텍스트 내용도 이에 따라 변경됨)

그림과 같이 이런 라벨 전환 효과를 만들고 싶은데 어떻게 해야 하나요?

yuippp 2019-09-10 11:35:49 0  2  1276

javascript - vue 2.0 전환 전환 효과가 비정상입니다.

vue2.0에서 스위칭 전환을 했을 때 스위칭 표시가 정상적으로 되는 것을 확인했는데, 전환이 사라지면서 딜레이가 발생하고 전환 효과가 없었습니다. {code...} {code...}

世界只因有你 2017-05-19 10:33:34 0  1  626

javascript - 스와이프 탭 전환 각 버튼을 클릭하여 스와이프 컨테이너를 이동하려면 어떻게 해야 합니까?

스와이퍼 탭 전환을 위해 각 버튼을 클릭하여 스와이퍼 컨테이너를 이동하려면 어떻게 해야 합니까? 예를 들어 NetEase의 상단 탭 전환이 각 버튼을 클릭하면 탭 전환 컨테이너가 스크롤됩니다(1: 왼쪽과 오른쪽으로 스크롤할 수 있으며 콘텐츠가 전체 컨테이너 ,) http://3g.163.com/touch/aut...

迷茫 2017-06-14 10:54:16 0  2  801

javascript - 콘텐츠 높이가 화면 높이보다 작은 경우 autoHeight를 설정할 때 swiper.js가 제대로 작동하지 않습니다.

swiper.js를 사용하여 탭 항목을 전환하지만 각 탭 항목의 높이가 다르며 데이터가 비동기적으로 로드됩니다. swiper-container의 적응형 높이에는 autoHeight: true가 설정되어 있지만 콘텐츠 높이가 < 화면 높이 이 속성은 더 이상 작동하지 않습니다...

phpcn_u1582 2017-05-19 10:43:35 0  1  609

javascript - 본문의 배경 이미지를 다른 해상도로 전체 화면으로 표시하는 방법은 무엇입니까? 작은 해상도에는 수직 스크롤 막대가 있고 추가 콘텐츠에는 배경이 없습니까? 그것을 처리하는 방법?

큰 화면 해상도를 사용하면 배경이 문제 없이 전체 화면으로 표시되는데, 작은 화면으로 전환하면 스크롤되는 내용에 배경이 표시되지 않는 문제를 해결하려면 어떻게 해야 하나요? 암호:

黄舟 2017-05-19 10:30:07 0  2  637

javascript - 사진 앨범 효과를 얻는 방법은 무엇입니까? 어떤 플러그인을 사용해야 하나요?

클릭해서 사진을 미리보고, 좌우로 슬라이드하고, 숫자도 나와 있는데 컴퓨터에 링크를 넣었는데 마우스 클릭이 아무 효과가 없습니다. 사용할 수 있는 성숙한 플러그인이 있나요? 작성한 마스크를 미리 볼 수는 있지만 좌우 전환이 쉽지 않습니다.

PHP中文网 2017-06-30 09:56:05 0  4  801

html5 - vue 프로젝트의 vuex 저장 문제

구현 효과: 버튼을 클릭하면 왼쪽 메뉴의 너비가 전환됩니다. 이제 Vuex를 사용하여 IsOpen 필드를 저장한 다음 nav 구성 요소와 메뉴 구성 요소 모두 필드의 초기 값을 얻었습니다. nav 구성 요소 버튼을 클릭하면 IsOpen 값도 전환되지만 클래스 이름은 변경됩니다. 너비를 변경하는 것은 전환되지 않습니다. 이것...

迷茫 2017-06-27 09:19:31 0  2  905

순수 Javascript를 사용하여 이미지 교체를 위한 전환 효과 구현

내가 만든 웹사이트에는 여러 개의 아코디언이 있는데 각 아코디언의 상단에는 이미지가 있습니다. 아코디언을 펼치면 안에 설명이 들어가고 이미지가 다른 것으로 변경됩니다. 그런 다음 아코디언을 닫으면 이미지가 첫 번째 이미지로 다시 전환됩니다. 문제는 이 이미지 변경이 페이드 효과를 사용하여 부드럽게 전환되기를 원하는데 지금은 갑작스러운 변경일 뿐이라는 것입니다. 어떻게 해야 합니까? 아코디언 버튼의 ID가 "button"이고 첫 번째 이미지(두 번째 이미지로 변경됨)가 포함된 레이블의 ID가 "firstim...

P粉458913655 2024-03-30 00:14:11 0  1  448

javascript - vue 구성 요소와 작업 효율성의 최상의 조합은 무엇입니까

시나리오: 경로를 사용하여 한 페이지에서 세 가지 콘텐츠(탭 전환)를 사용합니다. 세 가지 콘텐츠는 매우 중요하며 각각 고유한 차이점이 있습니다. 질문: 구성 요소를 만드는 방법은 무엇입니까? 구성 요소와 작업 효율성 간의 균형을 유지하는 방법은 무엇입니까? 내 생각: 1. 함수에 세 가지 구성요소를 넣은 다음...

阿神 2017-05-19 10:46:21 0  1  585

javascript - Alibaba Cloud는 어떻게 이러한 효과를 얻습니까?

다음은 Alibaba Cloud 웹 사이트에 대한 링크입니다. 빠른 전환 효과는 어떻게 달성됩니까? CSS에서 볼 수 없습니다: 웹사이트 링크 주소

大家讲道理 2017-06-12 09:32:10 0  3  958

javascript - 애니메이션 채우기 모드 설정이 적용되지 않는 이유는 무엇입니까?

.gold_egg_broken{ {code...} } @-webkit-keyframes eggbroken { {code...} } 이 스타일을 요소로 동적으로 전환하고 마지막 프레임에 유지되고 변경되지 않기를 원합니다. 근데 효과가 없네

女神的闺蜜爱上我 2017-07-05 10:39:25 0  2  1043

Android의 React-Native에서 상태 업데이트가 작동하지 않습니다.

스와이프할 수 있는 가로 갤러리에 이미지 쌍이 있는 코드가 있습니다. 이제 두 이미지의 위쪽 부분을 클릭하면 이미지가 꺼지므로 isImage2Active를 상태로 설정한 다음 소스를 전환했습니다. iOS에서는 완벽하고 완벽하게 원활하게 작동하지만 Android에서는 거의 전혀 작동하지 않습니다. 자주 클릭하면 바뀔 수도 있지만 분명히 내가 원하는 동작은 아닙니다. 그래서 슬라이드 가능한 수평 갤러리 constImage인 이미지 구성 요소가 있습니다.

P粉541551230 2024-04-06 16:54:10 0  1  601

javascript - vue에서 뉴스 목록을 위아래로 스크롤하는 방법

이것은 루프에서 재생되는 데이터 부분입니다. {code...} 이것은 애니메이션 효과 없이 루프에서만 전환할 수 있는 현재 코드입니다. {code...}

淡淡烟草味 2017-05-19 10:43:20 0  3  891

javascript - 스와이프 플러그인의 루프 모드에서 버그가 발생합니까?

1. 이제 8개의 데이터가 있고 5초마다 5개의 데이터를 전환하도록 설정하고 루프를 true로 설정합니다. 그러면~~ 마지막 데이터 세트가 계속 재생됩니다. 즉, 두 번째 사진은 매 마다 데이터를 전환합니다. 5초면 항상 6이 표시됩니다. 그런 다음 7,8,1,2의 데이터를 가져오려고 시도했지만 이전 데이터가 비어 있고 로그가 표시됩니다...

大家讲道理 2017-06-26 10:58:10 0  1  919

배경과 투명 텍스트가 잘립니다.

CSS를 사용하여 아래와 같이 배경에서 투명한 텍스트를 잘라내는 효과를 만드는 방법이 있나요? 이미지가 텍스트를 대체하기 때문에 귀중한 SEO를 모두 잃는 것은 부끄러운 일입니다. 처음에 그림자를 생각했는데 아무것도 생각이 안나네요... 이미지는 웹사이트 배경, 절대 위치의 <img> 태그입니다

P粉439804514 2024-03-25 16:47:36 0  2  613

Vite/Vue 3: 이미지 소스를 소품으로 사용할 때 "정의되지 않은 요구 사항"

VueCLI에서 ViteCLI로, Vue3의 CompositionAPI에서 SFCScriptsetupAPI로 전환했습니다. 이전에 어떻게 작동했는지 공식 VueCLI를 사용할 때 props를 통해 경로의 파일 이름을 전달하여 이미지 소스를 가져올 수 있었습니다: <template><img:src="require(`@/assets/${imagePath }` )"/><템플릿

P粉301523298 2024-04-06 09:50:25 0  1  541

Flexbox 레이아웃에 축소 가능한 요소를 삽입하는 방법

이미지가 둘러싸인 Flexbox 레이아웃이 있고 이미지를 클릭하면 일부 정보를 표시하고 싶습니다. 정보는 "열"을 이동하지 않고 이미지가 포함된 행과 바로 아래 행 사이에 나타나야 합니다. 이것이 제가 원하는 효과 유형입니다: http://olmenta.altervista.org(책을 클릭할 때). 내가 한 일은 다음과 같습니다. https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  390

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

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

PHPz 2017-05-18 10:46:20 0  4  1133

javascript - VUX 라우팅 점프 애니메이션을 설정하는 방법은 무엇입니까? vux-pop-in vux-pop-out을 사용하는 방법은 무엇입니까?

기본과 동일한 경로 전환 효과를 얻는 방법은 무엇입니까? vux-pop-in vux-pop-out을 추가하면 왜 응답하지 않습니까?

大家讲道理 2017-05-19 10:12:23 0  1  1076

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

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

P粉872101673 2024-04-04 11:21:03 0  1  3824