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

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

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

vim이 언어마다 다른 키 매핑을 채택하는 방법

이 효과를 얻기 위해 중괄호를 입력 왼쪽 중괄호에 매핑하고 싶습니다. {code...} 홈 디렉터리에서 .vimrc를 수정하여 효과를 얻을 수 있습니다. 문제는 이 설정이 C++에서 유효하다는 것입니다. 그런 효과를 주고 싶은데, 다른 언어(python/lua 등)에서는 그런 효과를 주고 싶지 않은데...

伊谢尔伦 2017-07-03 11:42:28 0  1  1212

javascript - 스크롤 스크롤 문제

1. https://www.kayak.com.hk/holi... 본 사이트의 효과가 주된 효과입니다. 스크롤 막대를 슬라이드하면 오른쪽 div가 아래로 스크롤되고 왼쪽 div도 그에 따라 스크롤됩니다. 하지만 왼쪽 div가 너무 길기 때문에 윗부분을 숨겨야 이 효과를 얻을 수 있습니다. ...

过去多啦不再A梦 2017-06-26 10:55:45 0  4  946

이 Ajax 새로 고침이 아닌 페이징 효과에 대한 소스 코드가 없나요?

이 Ajax 새로 고침이 아닌 페이징 효과에 대한 소스 코드가 없나요? 왜냐하면 저는 이 강좌를 처음 들었거든요

听风说 2017-12-26 20:43:09 0  7  1941

javascript - 반투명 없이 구성 요소를 완전히 숨기는 방법은 무엇입니까?

이제 숨겨진 구성 요소를 나타내기 위해 뷰어에 반투명 효과가 적용됩니다. 반투명 효과 없이 구성 요소를 완전히 숨길 수 있는 방법이 있습니까?

阿神 2017-07-05 10:49:53 0  1  1068

인터페이스 호출 문제 게시 또는 가져오기

주문 쿼리의 효과를 얻기 위해 지정된 URL에 대한 웹사이트 액세스를 구현하여 매개변수를 획득하고 이를 웹사이트에 표시하는 방법

移动用户-7074370 2019-12-13 09:27:50 0  0  649

javascript - 페이지에 애니메이션 추가, WeChat 브라우저에 혼란 표시, 응급처치

좋은 애니메이션 라이브러리를 추천해 주실 수 있나요? ? ? WeChat의 좋은 디스플레이 효과

怪我咯 2017-05-17 09:56:47 0  4  697

기업 공개 계정을 홍보하는 방법

회사가 공개 계정을 개설한 후 특정 광고 효과를 얻기 위해 제품을 홍보하거나 소프트 기사를 홍보하기 위해 어떤 조치를 취할 수 있습니까?

雷顿安全顾问公司 2020-05-10 18:52:49 0  2  1372

javascript - CSS3 전환 호환성 문제

TV 상자에서 전환을 사용하십시오. 호환성 이후 전환: 변환 .1s 선형에는 여전히 전환 효과가 없지만 모든 속성에 전환이 있는 것을 원하지 않기 때문에 전환: 모든 .1s 선형을 사용하면 효과가 있습니다. ? 조언 좀 부탁드립니다. 감사합니다.

ringa_lee 2017-05-19 10:29:36 0  1  625

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

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

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  546

javascript - jq 고정 높이 텍스트 확장 및 축소

{코드...} 이 효과를 어떻게 구현하나요? ​​여기에 적힌 높이가 고정되어 있어서 이상적이지 않은 것 같은데 이 텍스트의 양이 확실하지 않습니다.

伊谢尔伦 2017-06-29 10:09:11 0  3  1228

javascript - JS 이벤트 버블링 문제

사례 종료: CSS를 사용하여 이 효과를 얻으세요. 도움을 주셔서 감사합니다. 이 효과를 구현하기 위해 CSS를 사용하도록 전환했습니다. 1. 다음 코드에서는 a 태그의 mouseover 및 mouseout 이벤트를 수신하여 캔버스 애니메이션을 트리거하고 mouseover 및 mouseout 콜백에서 해당 이벤트가 버블링되는 것을 방지했지만 마우스가 움직일 때...

学习ing 2017-06-12 09:32:56 0  3  814

php - ci 프레임워크에서 site_url과 base_url을 인쇄하면 동일한 효과가 있습니까?

동일한 효과를 내기 위해 ci 프레임워크에서 site_url() 함수와 base_url 함수를 사용하는 이유는 무엇입니까? 인쇄된 결과는 완전히 동일합니다.

PHP中文网 2017-06-19 09:07:13 0  1  1194

javascript - TypeError:window.event가 정의되지 않았습니다.

클릭 이벤트의 경우 Firefox에서 TypeError: window.event is undefine을 보고했습니다. 나중에 호환성을 위해 var evt = window.event || 효과 알았어요.

三叔 2017-06-17 09:15:16 0  3  1287

javascript - 스크롤 막대 및 clientHeight 정보

작은 요정 스크롤바가 차지하는 위치가 정말 짜증납니다. 실제 결과에 따르면 스크롤바가 콘텐츠의 위치를 ​​차지하지만 표시되면 다음과 같은 블로그를 찾았습니다. 콘텐츠의 위치. (실제 효과에 따르면 테두리 옆에 표시됩니다. 테두리에...

天蓬老师 2017-05-19 10:47:31 0  1  676

javascript - 페이지 시차 효과 구현에 대해 문의

페이지 효과: Jingzhe의 이 효과 모방: Zhihu에서 skrollr.js라는 라이브러리에 대해 처음 배웠고 이를 내 페이지에 적용했습니다. 내 페이지는 위와 같은 정적 노드, 기사 및 그림이 아니기 때문입니다. 요청에 의해 획득되며 단계별 요청은 img의 설정에 따라 다릅니다.

PHP中文网 2017-05-16 13:26:03 0  1  995

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

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

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

WeChat 공식 계정에 대해 온라인으로 매개변수를 사용하여 QR 코드를 생성하는 방법은 무엇입니까?

매개변수가 포함된 QR 코드는 팬 소스를 모니터링하고, 프로모션 효과를 파악하거나, 고급 구현을 위해 핵분열 포스터를 자동으로 생성할 수 있습니다. . . #微信도움말 기능 구현에 대한 답변이 있습니까?

whb2010 2019-03-07 15:31:01 0  2  1212

nuxt2를 사용할 때 URL의 일부로 /index가 필요합니다.

작업 요청 경로는 xxx.com/index/news, xxx.com/index/User를 렌더링합니다. 이 효과를 위해 파일 트리를 페이지/--|index/------|News/---로 설정했습니다. --- -|index.vue------|User/-------|index.vue--|index.vue 하지만 루트 디렉터리를 제외한 다른 페이지로 성공적으로 이동할 수 없습니다. 웹 페이지 경로에 원하는 효과가 표시되게 하려면 어떻게 해야 합니까?

P粉635509719 2023-09-12 19:54:51 0  1  625

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

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

高洛峰 2017-06-12 09:26:38 0  1  1011