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

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

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

angular.js - 각도 양방향 바인딩이 깨졌습니다!

먼저 코드를 붙여넣으세요: 컨트롤러: {code...} 지시문: {code...} html: {code...} 효과: 접고 펼쳤을 때 전달 제출이 완료됩니다. 내 예상은: 펼쳤을 때 통과를 클릭하세요. 접힌 영역을 다시 접고,scope.isFold 접기 플래그를 변경하여...

伊谢尔伦 2017-05-15 16:52:42 0  4  927

vim - 코드 폴딩을 찾는 코드 조각

기존 접는 부분 코드 : {코드...} 접기 전 텍스트 : 기존 접는 효과 : 내 요구 사항 : 아래 사진처럼 앞쪽에 남는 부분은 어떻게 제거하면 더 깔끔해 보일까요? 이제 막 연락을 시작했어요. 조언을 좀 해주셨으면 좋겠습니다.

给我你的怀抱 2017-05-16 16:41:57 0  1  796

배경 이미지에 CSS 필터 효과를 사용하는 방법

검색 페이지의 배경 이미지로 사용하고 있는 JPEG 파일이 있고 Backbone.js 컨텍스트에서 작업하고 있기 때문에 CSS를 사용하여 설정하고 있습니다. background-image:url("whatever.jpg "); CSS3 흐림 필터를 배경에만 적용하고 싶지만 해당 요소에만 스타일을 지정하는 방법을 모르겠습니다. 시도하면: -webkit-filter:blur(5px) -moz-filter:blur(5p)

P粉022285768 2023-08-20 13:28:36 0  2  491

javascript - 모바일 측 sarafi 및 IE에 나타나는 고무줄 효과를 비활성화하는 방법

iOS의 사파리 브라우저에서는 웹페이지를 위로 스크롤하면 고무줄처럼 한 거리 더 스크롤했다가 놓으면 다시 튀어오를 수 있다. 이 효과는 Windows 태블릿에도 존재합니다. CSS를 사용하여 이 효과를 비활성화하는 방법을 알려주십시오. 페이지 내부 스크롤에 영향을 미치는 경우가 많기 때문입니다. 내가 아는 한...

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

모바일 Safari에서 스크롤할 때 주소 표시줄/URL 표시줄이 변경되지 않은 상태로 유지됩니다.

저는 React(16.8.6)를 사용하여 웹사이트를 구축하고 있지만 모바일 Safari에서는 사용자가 스크롤을 시작할 때 다른 웹사이트처럼 URL 표시줄이 접히거나 줄어들지 않습니다. 래핑 div에 대한 CSS는 다음과 같습니다. {...otherComponentsHere}constContentContainer=styled.div`height:100%;/*두 열이 브라우저 창의 전체 높이를 차지하도록 허용합니다*/overflow-y:auto;flex -성장: 1;디

P粉768045522 2023-08-16 12:29:00 0  1  517

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

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

高洛峰 2017-06-26 10:53:43 0  2  974

javascript - SlideToggle은 접이식 메뉴 효과를 구현하지만 이 옵션을 클릭하면 확장되고 다른 옵션은 자동으로 축소된다는 것을 어떻게 인식할 수 있습니까?

제가 원하는 것은 접이식 메뉴인데 슬라이드토글은 클릭해야만 접을 수 있습니다. 제가 원하는 것은 다른 옵션을 클릭하면 확장된 메뉴가 자동으로 접히는 것입니다. 어떻게 수정하나요? 코드는 다음과 같습니다: $("> li", this).each(function () { {code...}

某草草 2017-07-05 11:06:06 0  3  963

이미지 가장자리에서 그라데이션 효과가 페이드 아웃되지 않는 이유는 무엇입니까?

이미지의 가장자리가 흐릿해지거나 최소한 희미해지기를 원합니다. 내가 시도한 것은 아무것도 작동하지 않으며 Stackoverflow에 대한 모든 질문을 살펴보았습니다. 저는 Sass가 아닌 CSS를 사용하고 있습니다. 문제를 복잡하게 만들기 위해 페이지에 배경 이미지를 두고 불투명도가 0.8인 흰색 마스크로 덮었습니다. 누구든지 도와주실 수 있나요? 제 코드펜입니다. .screen{위치:상대적;너비:100vw;높이:100vh;disp

P粉317679342 2023-09-09 23:34:16 0  1  556

CSS 팁: 수평선과 가운데 맞춤 텍스트 만들기

일부 텍스트로 가로 구분선을 만들려고합니다. 예를 들면 다음과 같습니다. ---------------------제 제목은 다음과 같습니다--------- - ------------CSS에서 이 효과를 얻을 수 있는 방법이 있나요? 분명히 모든 "-" 대시를 사용할 필요는 없습니다.

P粉248602298 2023-08-20 15:11:18 0  2  511

두 연락처 필드의 상호 작용 능력을 향상시키는 방법은 무엇입니까?

두 필드("CallUs" 및 "OurEmail")를 중앙에 배치하고 동시에 반응하도록 만들어야 합니다. 작은 화면에서는 함께 쌓아야 합니다. 표시된 대로 큰 화면에 올바르게 배치하기 위한 인라인 CSS가 있지만 작은 화면에서는 스택처럼 쌓이지 않습니다. 코드를 넣을 CSS 파일을 찾을 수 없어서 인라인 CSS를 사용하고 있습니다. 인라인 CSS를 사용하여 이 문제를 해결할 수 있습니까? 가능하다면 이 두 필드를 크게 만드는 인라인 CSS가 있습니다.

P粉725827686 2023-08-14 21:20:22 0  1  583

Psuedo 요소의 CSS 호버 효과를 사용하여 기본 요소 겹치기

기본적으로 마우스를 가져가면 다음과 같은 효과가 나타나기를 원합니다. 여기 내 웹사이트 코드는 다음과 같습니다. 무시하세요! 중요: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;justify-cont

P粉838563523 2024-03-20 10:31:28 0  1  349

목표-c - IOS의 NetEase Cloud Music에서 아바타를 선택하기 위해 ImagePicker를 구현하는 방법

ImagePicker 소개를 읽은 후, 많은 사람들이 사용자가 카메라나 사진을 선택하는 방식을 사용합니다. 그런데 NetEase Cloud Music이 사진 갤러리 옆에 카메라를 추가하여 아바타를 변경한 것을 보았습니다. 효과는 사진과 같습니다. 이 효과를 얻을 수 있는 방법이 있는지 묻고 싶습니다.

巴扎黑 2017-05-31 10:31:51 0  1  768

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

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

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

javascript - 사격 효과를 모방할 때 발생하는 버그

포지셔닝을 사용하여 모방 포격 효과를 작성했는데 가장자리에 닿자마자 버그가 나타납니다. CSS: {code...} JS: {code...} 문제는 ​​포격이 왼쪽에 닿자마자 깨지는 것입니다. 화면: 그런데 숫자를 입력하면 이렇게 되지 않습니다. 고정 너비를 지정하지 않았는데 왜 이런 일이 발생합니까?

習慣沉默 2017-06-30 09:58:38 0  2  890