마우스를 올리면 콘텐츠 표시(카드 높이에는 영향을 주지 않음)

마우스를 올리면 표시되는 콘텐츠가 포함된 블록이 있습니다. 효과가 작동하는 방식은 다음과 같습니다. .hoverCard는 기본적으로 기본 콘텐츠를 표시합니다(.hoverCard__showOnHover의 콘텐츠는 숨겨짐). 사용자가 .hoverCard 위로 마우스를 가져가면 .hoverCard__showOnHover가 해당 콘텐츠를 표시하고 .hoverCard__body가 위로 전환됩니다("열림" 제공). ” 효과) 데모에서 위의 시각적 효과를 볼 수 있지만 애니메이션이 완벽하게 작동하도록 할 수는 없습니다. 내가 ...

P粉289775043 2024-03-27 20:29:28 0  1  467

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

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

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

javascript - 썸네일 그룹을 클릭하면 큰 이미지가 표시되고 해당 이미지로 전환됩니다. 그런 다음 썸네일을 클릭하면 큰 이미지가 숨겨집니다. 문제가 생기면 선생님께 조언을 구하세요.

큰 이미지를 표시하려면 섬네일 그룹을 클릭하고 해당 이미지로 전환한 다음, 큰 이미지를 숨기려면 섬네일을 클릭하세요. 큰 이미지가 표시될 때 다른 작은 이미지를 클릭하면 큰 이미지로 전환되지만 숨길 수는 없습니다. 내 질문은: 큰 그림이 표시될 때 다른 작은 그림을 클릭하면 큰 그림이 전환되지만 숨겨지지 않지만 큰 그림을 숨기려면 축소판을 두 번째 클릭하는 것입니다.

为情所困 2017-05-19 10:34:32 0  1  732

javascript - 토글하는 동안 입력 값 변경

이제 클릭하면 숨겨진 콘텐츠를 표시하는 버튼이 생겼는데, 콘텐츠가 숨겨져 있는지 여부를 별도로 확인하지 않고 토글에서 숨겨진 콘텐츠를 표시하면서 버튼의 값을 직접 바꿀 수 있는 방법은 " +"와 "-" 사이를 전환합니다. {암호...}

女神的闺蜜爱上我 2017-06-12 09:32:25 0  2  820

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

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

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

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

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

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

Summernote 편집기에 직접 복사된 이미지를 업로드하고 표시하는 문제

이미지 버튼을 사용하지 않고 Summernote 편집기에 직접 복사한 이미지를 업로드하는 데 문제가 있습니다. 다음은 문제에 대한 간략한 개요와 지금까지 수행한 단계입니다. Summernote를 웹 애플리케이션에 통합하고 붙여넣기 기능을 활성화하여 사용자가 이미지를 복사하여 편집기에 직접 붙여넣을 수 있도록 했습니다. 이미지를 붙여넣은 후 편집기에 알 수 없는 이미지로 표시됩니다. 그런데 AJAX를 이용해서 이미지를 업로드하고 서버에 저장을 하다가 서버에서 이미지를 가져와서 Summernote 편집기에서 표시하려고 하면 이미지가

P粉505917590 2024-03-21 23:48:43 0  1  542

여러 요소에 호버 효과를 동적으로 추가

프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 단일 단위를 나타내는 여러 요소가 있는(그러나 다른 이유로 여러 요소로 분리해야 하는) 시스템에서는 경우에 따라 마우스를 올리면 함께 색상이 다시 지정되어야 합니다. 프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 아니면 이것이 좋은 습관입니까? my_own_css_class를 사용하여 마우스를 올리면 모든 요소에 추가하여 이 문제를 해결할 수 있었습니다. 하지만 프로그래밍 방식으로 호버 효과를 만들면 나에게 도움이 될 것 같습니다.

P粉203792468 2023-08-15 23:49:58 0  1  526

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

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

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

Linux에서 Vim을 사용하여 Python 프로그램을 작성할 때 "Python, 즉 Python-doc의 도움말 내용 쿼리"를 "vim-doc"처럼 수행할 수 있습니까?

[설명] 예를 들어 Vim의 특정 도움말 내용을 보려면 다음을 수행할 수 있습니다. h help-content. Python-doc를 볼 때 이를 수행할 수 있습니까? (이제 도움말 내용을 보면 Python의 도움말 내용을 볼 수 있습니까? IPython?, 그러나 이를 위해서는 다른 쉘 창을 열어야 합니다)

淡淡烟草味 2017-05-16 16:37:35 0  2  824

javascript - JS 이벤트 버블링 문제

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

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

javascript - Tinymce 편집기에서 콘텐츠 이미지 크기 조정을 비활성화하는 방법은 무엇입니까?

제목에서 알 수 있듯이 현재 Weibo 콘텐츠 전송을 위한 편집기로 Tinymce가 사용되고 있습니다. 사진을 삽입한 후, 사진을 클릭하면 크기를 변경할 수 있다는 것을 알았습니다. 즉, 4개의 점이 나타나며, 사진을 확대 및 축소할 수 있습니다. 이를 비활성화하려면 어떻게 해야 합니까?

巴扎黑 2017-07-05 10:41:20 0  1  1210

이미지의 시작점과 끝점

이미지의 시작점과 끝점을 설정하려고 합니다. 캔버스와 이미지가 있고 이미지를 캔버스에 넣을 때 시작/끝 지점 위로 마우스를 가져가면 작은 빨간색 원이 켜지기를 원합니다. 이는 다른 이미지 연결을 사용하여 만들 수 있음을 의미합니다. 예: 1) 이미지를 드래그합니다. 2) 이미지를 캔버스에 배치합니다. 3) 시작점/종료점에 마우스를 올리면 작은 빨간 점이 켜집니다. 보시다시피 빨간색 점은 마우스를 올려놓을 때만 나타납니다. 또 다른 질문이지만 첫 번째 질문을 해결하면 멋지네요. 이미지가 그릴(사각형)을 따르지 않습니다. 이것은 htm...

P粉511757848 2023-08-31 12:24:51 0  1  592

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

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

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

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

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

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

호버 시 기울기 효과 버그

내부에 텍스트가 있는 기울기 효과가 있는 버튼이 있는데 버튼을 마우스로 가리키면 버튼 옆에 두 줄이 나타납니다. 버튼이 보일 때까지 버튼 위에 마우스를 올려 놓는 코드가 있는데, 이는 매우 무작위적인 부작용입니다. Chrome의 문제인 것 같은데 확실하지 않습니다. 다음은 문제의 사진입니다: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  385

Vue 3의 v-for 루프에서 버튼의 활성 상태 전환

Vue3에서 보려는 카테고리를 선택할 수 있는 필터 헤더를 만들고 있으므로 스위치를 클릭하여 필터를 전환할 수 있으며, 다른 카테고리를 클릭하면 이전 활성 카테고리가 한 번만 선택 취소됩니다. 활성 카테고리가 없습니다. 토글 버튼(선택 취소하려면 다시 클릭)이 없고 v-for 루프를 사용하지 않는 jsfiddle과 같은 몇 가지 예를 찾았습니다. 나는 이것을 v-for 루프로 변환할 수 있다고 확신하지만 전환을 쉽게 수행하고 한 번에 하나의 활성 범주만 갖는 방법을 모릅니다. 이게 나야

P粉046878197 2023-08-27 09:44:54 0  1  500

입력 필드가 콘텐츠를 완전히 표시할 만큼 충분히 넓은지 어떻게 확인할 수 있나요?

많은 열이 있는 테이블에서 Vuetify 텍스트 필드 구성 요소를 사용하고 있습니다. 구성 요소에 표시할 콘텐츠가 너무 많이 포함되어 있을 수 있으며, 사용자 경험 관점에서 필드 내에서 스크롤하여 콘텐츠를 검사하는 데 셀이 많으면 시간이 너무 오래 걸릴 수 있습니다. 순수 HTML 예제 Vuetify 예제 내 첫 번째 생각은(더 좋은 아이디어가 있으면 알려주시기 바랍니다) 전체 내용을 표시하는 도구 설명을 표시하는 것이었지만 구성 요소가 전체 내용을 표시할 수 있는 경우 이는 성가신 일입니다. 그래서 콘텐츠가 숨겨지거나 잘릴 때만 ...

P粉014218124 2023-09-02 22:36:56 0  2  602

만족스러운 웹 디자인을 만드는 방법

내 자신의 디자인을 표시할 수 없습니다. 재설계를 하고 싶습니다. 웹 디자인을 만드는 것은 미적 측면, 기능적 측면, 사용자 경험이 원활하게 결합되어야 하는 다면적인 프로세스입니다. 이는 웹사이트의 목적, 타겟 고객, 브랜드에 대한 깊은 이해에서 시작됩니다. 잘 디자인된 웹 페이지는 콘텐츠의 본질을 포착할 뿐만 아니라 탐색의 용이성을 보장하는 시각적으로 매력적인 레이아웃을 가져야 합니다. 색상 조합, 글꼴, 이미지의 선택은 올바른 메시지를 전달하고 강력한 시각적 정체성을 확립하는 데 중요한 역할을 합니다. 반응형 디자인은 다양한 장...

P粉908643611 2023-08-10 17:09:33 0  1  571

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  404