버튼 활성화로 인해 호버 효과가 오작동함

저는 웹 개발의 기초(HTML, CSS, JS)를 배우려고 노력해왔기 때문에 작동하는 Apple 계산기를 만들어 보려고 노력해 왔습니다. 작은 버그를 발견하기 전까지는 모든 것이 잘 작동했습니다. 처음에는 액션 버튼의 호버 효과가 훌륭하게 작동했는데, 호버를 올리면 색상이 더 밝아졌습니다. 버튼을 누르면 버튼이 더 밝아지고 사용자가 이전 번호로 작업을 수행하기 위해 다른 번호(또는 "같음" 버튼)를 입력할 때까지 그 상태를 유지합니다. 그 후에는 작업 버튼이 일반 색상으로 변경됩니다. 그때까지는 모든 것이 괜찮았지...

P粉548512637 2024-04-01 21:51:26 0  1  603

javascript - vue2.0 전환을 사용하여 마우스를 위로 움직이고, QR 코드를 화면 외부에서 밀어내고, QR 코드를 남겨두고 화면 밖으로 미끄러지는 효과를 얻는 방법입니다.

vue2.0 전환을 사용하여 마우스를 위로 움직이고 화면 외부에서 QR 코드를 밀어 내고 QR 코드를 화면 밖으로 밀어내는 효과를 얻는 방법은 다음과 같습니다. 제가 쓴 내용은 다음과 같습니다. 마우스를 위로 움직이세요. 상자가 미끄러지는데 마우스가 떠나지 않았는데 상자가 사라졌습니다....

PHP中文网 2017-05-19 10:30:36 0  2  873

nginx를 다시 로드할 필요가 없도록 만드는 방법과 업스트림 구성이 실시간으로 동적으로 적용될 수 있습니까?

nginx를 다시 로드할 필요가 없도록 만드는 방법과 업스트림 구성이 실시간으로 동적으로 적용될 수 있습니까?

我想大声告诉你 2017-05-16 17:14:48 0  1  634

Vim에서 단락이 자동으로 줄 바꿈되면 Vim에서는 한 줄로 계산됩니다. J와 K 키를 사용하여 각 "줄" 사이를 이동할 수 있도록 설정하는 방법은 무엇입니까?

Vim의 줄이 Emacs에서 자동으로 래핑된 후에도 여전히 C-p 및 C-n을 사용하여 줄 사이를 이동할 수 있으며 이 줄은 실제로 하나의 긴 줄입니다. Vim에서는 작동하지 않지만 빠른 위치 지정을 위해 HJKL을 사용할 수 있고 싶고 전체 줄을 파괴하고 싶지 않아 단어에 직접 붙여 넣을 수 있으므로 뭔가 ...

迷茫 2017-05-16 16:40:34 0  1  705

javascript - vue2.0의 렌더링 목록 li에서 제어를 통해 속성을 추가하는 동적 v-bind:class가 즉시 적용되지 않습니다.

예를 들어 코드는 다음과 같습니다. 1단계: 서버에서 데이터 개체 배열 가져오기: [obj, obj, obj], 2단계: 각 하위 개체에 브라우저 개체 obj 추가: {code...} 3단계: 바인딩 이 속성을 html 구조에 추가하여 동적 클래스 {code...}를 제어합니다. 결과는 다음과 같습니다.

给我你的怀抱 2017-05-19 10:13:11 0  2  677

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

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

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

제품 재고가 없을 때 장바구니에 추가하기 전 WooCommerce

제품 설명을 변형(맞춤형) 앞과 "woocommerce_before_add_to_cart_form" 후크를 사용하여 "장바구니에 추가" 버튼 앞으로 이동했습니다. 좋은 결과. 문제는 제가 재고가 없는 제품의 경우 이 후크가 전혀 실행되지 않고 제품 설명이 전혀 표시되지 않는다는 것입니다. 변형 전이나 품절된 제품에 설명을 추가하는 방법은 무엇입니까?

P粉476883986 2024-03-29 22:56:31 0  1  546

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

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

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

javascript - js(Vue) practice : @를 입력하면 관련 후보 목록이 자동으로 나오는 방법은?

효과는 다음과 같습니다. 효과 설명: 1. 사용자가 @ 기호를 입력하면 옵션 목록이 나타나고 옵션 목록이 @ 기호 뒤에 자동으로 배치됩니다. (현재 아이디어는 @인 경우 입력 문자를 동적으로 모니터링하고 커서가 가리키는 위치에 목록 상자가 나타납니다.) 2. 사용자가 @를 입력하면 사용자가 선택을 무시하고 계속 입력합니다. .

PHP中文网 2017-07-05 11:03:32 0  3  3668

Swift - iOS 키보드가 나타나거나 사라지는 문제

원하는 효과는 키보드가 나타날 때 하단의 버튼과 레이블이 자동으로 위로 이동하여 키보드 위에 위치하는 것입니다. 키보드가 사라지면 버튼과 라벨은 자동으로 하단으로 돌아갑니다. scrollView를 추가한 후 키보드 상태를 모니터링하는 방법을 사용했는데 문제가 발생했습니다...

过去多啦不再A梦 2017-06-06 09:53:33 0  1  915

필터링된 제품 목록을 통한 Shopify, 앞으로 및 뒤로 버튼

컬렉션 페이지의 상품 페이지에 표시될 앞으로, 뒤로 버튼을 만들려고 합니다. 컬렉션 페이지에서 필터를 선택한 후 상품을 클릭했을 때, 사용자가 선택한 필터에 따라 나열된 상품을 앞뒤로 이동하는 버튼을 만들고 싶습니다. 내 버튼은 전체 컬렉션 페이지에서만 앞뒤로 이동합니다. 필터를 기반으로 나열된 제품을 처리하려면 아래 코드를 어떻게 다시 작성해야 합니까? {%-liquidsignprevious_product=collection.previous_productassipantnext_pro

P粉222320176 2024-01-10 17:32:46 0  1  485

javascript - vue2.0 전환 호버 이벤트

vue2.0 전환을 사용하여 마우스를 위로 움직이고, 화면 외부에서 QR 코드를 밀어내고, QR 코드를 남겨두고 화면 밖으로 미끄러지는 효과를 얻는 방법

大家讲道理 2017-05-19 10:30:59 0  2  661

슬라이더 추적 애니메이션을 비활성화할 수 있습니까?

MUI에는 슬라이더 구성 요소가 있습니다: https://mui.com/material-ui/react-slider/ Nub에서 재생되는 애니메이션을 비활성화하여 Nub가 새 위치로 이동하도록 하는 방법을 알아내려고 합니다. 즉시. 이를 수행할 수 있는 방법이 있습니까?

P粉460377540 2024-03-28 19:17:20 0  1  436

WordPress 메뉴 효과를 조정하는 방법

최근에 WordPress 테마를 만지작거리고 "Kratos"를 설치했습니다. 위 메뉴 표시줄의 효과를 조정하고 싶습니다. 백그라운드에서 직접 수정할 필요도 없고 어떻게 조작해야 할지 모르겠습니다. 코드를 작성해 조언을 구할 수도 있습니다. 테마 효과는 다음과 같습니다. 이제 두 가지가 있습니다. 질문: PC 버전 상단의 메뉴를 왼쪽으로 정렬하려면 어떻게 해야 합니까? 이제 오른쪽으로 정렬되었습니다. 마우스를 위로 이동할 때 보조 메뉴가 자동으로 확장되도록 하는 방법은 무엇입니까?

天空蓝 2023-04-16 12:00:36 0  1  1278

REACT - 브라우저 후 버튼에서 페이지가 다시 렌더링되는 것을 방지합니다.

많은 제품을 보여주는 카탈로그 페이지가 있습니다. 사용자가 하단에서 선택할 수 있는 제품 중 하나(예: 제품 번호 1000)를 클릭하면 다른 페이지로 이동하여 내용 등을 확인합니다. 뒤로 사용 버튼 브라우저가 카탈로그 페이지로 돌아가면 모든 것이 다시 렌더링됩니다. 이는 의미가 있지만 이전에 선택한 제품에 스크롤 막대를 배치하는 데 많은 시간이 걸립니다. 사용자가 페이지 상단에서 특정 제품(예: 제품 번호 4)을 선택하면 모든 것이 잘 작동하지만, 하단으로 이동하면 시나리오가 시작됩니다. REACT에서 이 디렉토리 페이지를 캐시할 ...

P粉733166744 2024-03-27 14:50:53 0  1  493

javascript - ul의 li이 이동된 후 클릭 이벤트가 move-out 이벤트와 충돌합니다.

그림에 표시된 대로: 내가 원하는 효과는 ul의 li 색상이 안으로 이동하면 빨간색으로 바뀌고, 안으로 이동하면 파란색으로 바뀌는 것입니다. 그러나 특정 li를 선택하면(즉, 클릭하면) 이 li가 변경되기를 바랍니다. 다음 li를 클릭하기 전에 항상 빨간색이어야 합니다. 마우스가 다시 통과하여 제거 이벤트가 트리거되더라도 다른 li를 클릭할 때까지 여전히 빨간색을 유지해야 합니다.

漂亮男人 2017-05-18 10:49:41 0  4  625

제목: 흰색을 제외한 모든 색상 배경에서 흰색 텍스트 가시성 확보

mix-blend-mode 사용: 텍스트 색상을 흰색으로 변경하는 차이점은 배경 색상이 검은색일 때 잘 작동합니다. 효과를 보려면 마우스를 텍스트로 이동하십시오. constblackBox=document.querySelector(".black-box");window.addEventListener('mousemove',function(event){blackBox.style.left

P粉744691205 2023-11-10 16:59:01 0  1  790

javascript - js에서 전환 효과를 만드는 방법은 무엇입니까?

저는 js에 대해 잘 모르는데, js를 사용하여 버튼을 클릭했는데 5초 후에 div가 오른쪽의 500px로 이동하면 이 효과를 만드는 아이디어는 무엇인지 알려주세요. 이러한 모든 효과를 얻으려면 먼저 클래스를 작성한 다음 js를 사용하여 className을 전환해야 합니까? 그런데 클릭 이벤트가 발생하면...

滿天的星座 2017-06-26 10:54:58 0  6  984

Nuxt 3 동적 페이지는 URL을 변경하지만 콘텐츠는 동일하게 유지되고 데이터는 한 번만 가져옵니다.

제품/인덱스 페이지가 있고 기본 제품 페이지 내에 제품/[슬러그]가 있고 페이지를 변경하고 제품/[슬러그]로 이동하여 해당 제품에 대한 데이터를 가져오는 NuxtLink가 있습니다. 첫 번째 클릭에는 올바른 데이터가 있지만 뒤로 클릭하거나 제품/색인 페이지를 클릭한 다음 다른 제품을 클릭하려고 하면 클릭한 첫 번째 제품과 각 제품에 대한 정보가 표시됩니다. 다시 클릭한 첫 번째 제품에 대한 정보입니다. console.log를 사용하면 가져오는 데이터가 잘못되었음을 발견할 수 있었습니다.

P粉476883986 2023-11-03 14:39:04 0  1  770

javascript - JS 이벤트 버블링 문제

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

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