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

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

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

CSS에서 버튼 누르기 효과를 얻는 올바른 방법

CSS를 사용하여 피아노 레이아웃을 만들고 있습니다. 저는 이 "버튼 누름" 효과를 정말 좋아하지만 주변 요소가 변경됩니다. 이 상황을 피하는 방법은 무엇입니까? <main><divid="o-2"class="octave"><buttonid="C2"class="Ckey"></button><buttonid=&

P粉004287665 2023-09-09 13:38:06 0  2  600

타사 서버에서 이미지 다운로드 버튼

어떤 브라우저에서든 이미지가 보이면 마우스 오른쪽 버튼을 클릭하고 "다른 이름으로 저장"을 클릭하여 다운로드할 수 있습니다. 이미지를 다운로드하는 버튼을 만들려고 합니다. 다운로드 버튼은 위의 이미지인 바코드를 다운로드해야 합니다. 나는 반응을 사용하고 있는데 이것이 답변과 관련이 있는지 확실하지 않습니다. 다운로드 속성과 함께 <a/> 태그를 사용할 수 있다는 내용을 읽었지만 저는 Firefox를 사용하고 있는데 바코드 이미지를 호스팅하는 페이지로 리디렉션되고 다운로드 창이 열리지 않습니다. 코드는 매...

P粉198670603 2024-02-21 14:47:20 0  1  364

드롭다운 항목을 클릭한 후 드롭다운 버튼의 클래스를 변경하고 페이지를 새로고침하세요.

사용자가 드롭다운 메뉴의 항목을 클릭하고 페이지가 다시 로드된 후 드롭다운 버튼 항목의 클래스를 변경하려고 합니다. 다음 코드는 페이지를 새로 고칠 때 작동합니다. $(".dropdown-content").on("click",function(){$('.dropbtn').toggleClass('active');}); 사용할 수 있는 로컬 저장소 옵션이 있습니까? 방금 그것에 대해 배웠습니다. 현재 드롭다운 버튼에 나타나는 텍스트를 호출하기 위해 다음 코드를 사용하고 있습니다.

P粉877719694 2023-08-17 16:24:17 0  1  544

버튼 클릭 시 href를 업데이트하고 파일을 다운로드합니다.

버튼을 클릭하면 파일을 다운로드하려고 합니다. 내 구체적인 방법은 다음과 같습니다. 버튼 클릭 시 API를 호출하여 파일의 이진 데이터를 반환합니다. 바이너리 데이터를 base64 URL로 변환하고 요소의 href 속성을 이 base64 URL로 업데이트합니다. 함수 내에서 요소의 클릭 메소드를 호출합니다.

P粉170438285 2023-07-20 15:17:03 0  1  519

BeautifulSoup을 사용하지 않고 다운로드 버튼이 있는 웹페이지 파일을 자동으로 다운로드하는 방법은 무엇입니까?

CSV 파일을 다운로드하기 위한 다운로드 버튼이 있는 Streamlit 애플리케이션을 만들었습니다. "GET" 또는 "POST" 요청을 사용하여 콘텐츠를 자동으로 다운로드하고 싶습니다. 이를 수행할 수 있는 방법이 있습니까? 내 앱 URL은 다음과 같습니다. https://maalaei97-test2.hf.space/?__theme=light urllib2.Request("GET",URL)를 사용해 보았으나

P粉762730205 2023-08-30 18:19:18 0  1  471

ACF를 사용하여 작성된 모든 게시물 하단에 PDF 다운로드 버튼을 표시하는 방법

PDF 파일의 URL을 추가할 수 있는 텍스트 필드를 만들었습니다. 이제 콘텐츠 이후 모든 게시물에 표시하려고 하는데 콘텐츠가 아닌 버튼만 표시됩니다. add_action에서 the_content를 제거하면 내용이 표시되지만 PDF 다운로드 버튼은 표시되지 않습니다. add_action('the_content','show_download_url');functionshow_download_url(){$download_pdf=g

P粉704066087 2024-03-28 13:17:41 0  1  440

java - 양쪽에 버튼을 구현합니다. 중간에 있는 콘텐츠를 전환하려면 이 효과를 어떻게 얻을 수 있나요?

양쪽에 버튼을 구현합니다. 버튼을 클릭하면 중간에 프래그먼트가 될 수 있습니다. 이 효과를 얻으려면 어떻게 해야 할까요? 다른 솔루션을 찾고 있습니다.

習慣沉默 2017-05-16 13:33:43 0  2  836

javascript - 드롭다운 로딩 효과를 얻는 방법을 알려주세요!

그래픽 메시지가 많은데 드롭다운을 통해 더 많은 메시지를 로드하는 효과를 얻으려면 어떻게 해야 합니까?

代言 2017-07-05 10:37:47 0  4  848

HTML 마크업에서 SVG를 직접 사용하면 버튼에 역할을 할당하거나 원하는 호버 효과를 얻을 수 없습니다.

두 가지 기능을 수행해야 하는 아이콘이 있는 컨테이너가 있습니다. 버튼처럼 작동합니다(키보드/스크린 리더 등을 통해 액세스 가능). 호버/포커스 시 빨간색으로 전환 마크업에서 SVG를 직접 사용할 때 호버 정지 효과 예상대로 작동하지만 img 태그를 사용할 때처럼 SVG에 버튼 역할을 할당할 수 없습니다: .container{height:500px;width:400px; background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59 0  1  572

그림자 복제 버전으로 메뉴 버튼을 x 모양으로 변환하는 호버 효과 만들기

먼저 제 제목이 혼란스럽다는 점을 인정하고 죄송합니다. 내가 달성하고 싶은 것은 hover에 대한 다음과 같은 효과입니다. 내 웹 사이트는 여기 https://wordpress-493302-3130963.cloudwaysapps.com/입니다. CSS 전환을 사용하여 달성하려는 목표의 절반을 성공적으로 달성했지만 그림자를 볼 수 없습니다. 위 이미지에 표시된 대로 만들기 버튼의 복사본입니다. 내 CSS는 다음과 같습니다.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21 0  2  432

css3 - 스크롤 막대가 아래로 내려갈 때 나타나는 페이지의 각 부분 효과를 얻는 방법은 무엇입니까?

웹사이트를 살펴보니 스크롤 막대가 아래로 내려가면서 페이지의 모든 부분이 처음 로드되었을 때와 동일한 효과가 나타납니다. 다시 새로고침하면 이러한 효과가 어떻게 다시 나타납니까? jquery 로드로 쓴건가요? 이 홈페이지 http://www.itxdl.cn/bra... 와 비슷하네요.

漂亮男人 2017-06-05 11:10:23 0  2  1814

파일/결과를 HTML로 다운로드 가능하게 만드는 방법

이 저장소를 확인해 보시기 바랍니다: https://github.com/imsikka/ArtGallery 다운로드 버튼을 사용하여 결과를 다운로드할 수 있게 만들고 싶습니다. 다운로드 버튼을 만드는 방법은 알고 있지만 어떻게 될지는 모르겠습니다. 파일을 다운로드 가능하게 만들려면 버튼을 코드의 특정 부분과 연결해야 합니까? 글쎄요, 무엇을 해야할지 잘 모르겠습니다. 인터넷을 검색했지만 별로 유용한 정보를 얻지 못했습니다.

P粉845862826 2024-04-03 13:15:55 0  1  516

버튼을 누른 후에는 디스패치 기능이 작동하지 않습니다.

이것은 redax와 함께 작동하는 작업 함수입니다(사용했기 때문에 완벽하게 작동합니다). /카테고리/getAll&

P粉410239819 2023-09-16 18:45:51 0  1  452

모바일의 버튼이 계속 초점을 맞추거나 활성 상태를 유지하여 CSS 애니메이션에 문제를 일으킴

버튼을 클릭할 때마다 애니메이션을 구현하려고 하는데 데스크톱에서는 잘 작동하지만 모바일에서는 동일한 효과를 얻을 수 없습니다. 먼저 버튼을 클릭한 다음 다른 곳을 클릭하여 CSS의 초점을 맞춘 다음 버튼을 다시 클릭하여 애니메이션 효과를 얻어야 합니다. 아래는 코드 조각입니다. .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  513

소개할 수 있는 안정적인 플레이어 플러그인이 있나요?

응답성이 뛰어나고 다운로드 버튼이나 공유 버튼이 없는 것이 가장 좋습니다. 미리 감사드립니다, 여러분!

phpcn_u47953 2017-11-15 08:47:06 0  2  1033

페이지를 새로 고치지 않고 버튼 클릭 시 PHP 스크립트 실행

PHP와 JavaScript를 사용하는 데 문제가 있습니다. 목표: .js 파일에 있는 HTML 버튼의 이벤트 리스너가 호출되면 페이지를 다시 로드하지 않고 .php 스크립트를 실행해야 합니다. 예상 결과: 버튼을 클릭하면 PHP 스크립트가 실행됩니다. 제 경우에는 URL의 파일이 서버로 다운로드됩니다. 실제 결과: JavaScript 파일에서 PHP 스크립트를 호출하는 방법을 모르겠습니다. AJAX를 사용해 보았으나 아무 효과가 없었습니다. 그리고 JQuery 라이브러리 참조를 어디에 넣어야 할지 모르겠습니다. 나는 또한 양식을 ...

P粉805107717 2024-02-17 12:27:38 0  2  389

예전에는 기업 홈페이지에서 백엔드 관리를 했었는데 이제 PHP로 홈페이지를 수정하고 서버에서 홈페이지 소스코드를 다운로드 받아야 합니다. 이제 웹사이트를 수정하고 싶습니다. 이 컴퓨터에서 PHP 파일을 실행하여 효과를 확인하려면 어떻게 해야 합니까?

예전에는 기업 홈페이지에서 백엔드 관리를 했었는데 이제 PHP로 홈페이지를 수정하고 서버에서 홈페이지 소스코드를 다운로드 받아야 합니다. 이제 웹사이트를 수정하고 싶습니다. 이 컴퓨터에서 PHP 파일을 실행하여 효과를 확인하려면 어떻게 해야 합니까?

浮生未歇 2017-12-14 14:01:00 0  3  1476

onClick은 지도를 사용하여 각 인스턴스를 로드합니다.

loading이 설정되어 props에 전달되지만 onClick을 아무 버튼이나 누르면 해당 항목의 모든 인스턴스에서 로더가 트리거됩니다. 버튼을 누른 경우에만 로더가 실행되도록 하려면 어떻게 해야 합니까? List.map((item,i)=>{return(<ButtononClick={(e)=>!props.loading&&e.stopPropagation()}>Save{props.load

P粉478188786 2024-03-31 00:18:17 0  1  443