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

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

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

JQuery를 사용하여 특정 문자가 단락에 나타날 때만 클릭 이벤트를 트리거합니다.

"중요"라고 표시된 텍스트가 있는 아코디언이 있습니다. 페이지가 로드될 때 버튼 토글을 클릭하여 페이지가 "중요"라고 표시된 페이지를 자동으로 열도록 하고 싶습니다. $(".diff__filename:contains('sections/')"))를 사용하여 제목에서 "중요"라는 단어를 검색했지만 옆에 있는 버튼을 클릭하도록 지시하는 방법을 모르겠습니다. 나는 클래스 이름을 통한 반복을 피하기 위해 JQuery를 사용하기로 결정했습니다. <pclass=&quo...

P粉269530053 2024-02-17 22:23:01 0  1  495

Jquery Toast 플러그인으로 진행률 표시줄을 비활성화하는 방법은 무엇입니까?

그림과 같이 토스트 팝업 상자에 진행률 표시줄이 표시됩니다. 토스트 플러그인 구성에서 이 진행률 표시줄을 비활성화하는 방법은 무엇입니까? Jquery Toast 플러그인 문서

大家讲道理 2017-07-05 10:39:11 0  2  958

javascript - jQuery 파일 업로드 플러그인에 대한 질문

사용자는 input="file" 태그를 사용하여 그림을 선택합니다. 사용자가 선택한 그림을 캔버스에 그린 후 처리를 위해 base64 그림 데이터를 얻습니다. 그러면 이 결과를 jQuery 파일에 어떻게 넣을 수 있을까요? 업로드를 누른 다음 버튼을 클릭하세요. 업로드는 어떻게 되나요? {암호...}

淡淡烟草味 2017-06-10 09:49:07 0  1  649

onclick() 함수를 통해 이미지 변경

개체를 클릭하면 한 그림을 다른 그림으로 바꾸고 싶습니다. 코드는 다음 순서로 쌓입니다. 내가 원하는 것은 클릭하면 이미지가 컬러 버전의 이미지, 즉 다른 이미지로 대체되는 것입니다. 이제 JQuery/JS를 사용하여 이를 수행할 수 있다는 것을 알았습니다. 하지만 이렇게 간단한 기능을 구현하기 위해 JS 코드를 많이 추가하고 싶지는 않습니다. 이것을 달성하는 더 쉬운 방법이 있습니까? pseudo-selector.active 클래스와 같은 메소드? 나는 그것을 알아낼 수 없다.

P粉242535777 2023-08-18 08:53:28 0  1  495

javascript - vue의 다른 곳을 클릭하여 모달을 닫는 방법

그림과 같이 다른 곳을 클릭하여 이 팝업 레이어를 닫는 방법은 무엇입니까? jquery로 조작하는 것은 매우 간단합니다. vue에서 이 기능을 구현하는 아이디어가 무엇인지 알고 싶습니다.

我想大声告诉你 2017-05-19 10:35:22 0  3  745

javascript - 특정 조건이 충족되면 드래그 앤 드롭을 중지하도록 jquery ui의 드래그 앤 드롭 기능을 구현하는 방법

그림과 같이 오른쪽 하단의 작은 점을 드래그하면 이미지를 확대/축소할 수 있습니다. jquery ui의 확대/축소 기능이 만족스럽지 못하므로 이제 오른쪽 하단의 작은 점을 드래그해야 합니다. 그림 2의 위치로 이동하면 더 이상 왼쪽 상단 방향으로 계속 끌 수 없습니다. 어떻게 해야 합니까? 오랫동안 인터넷에서 찾아봤는데...

某草草 2017-05-19 10:42:24 0  1  477

javascript - 취소 버튼을 클릭할 때 jquery에서 동적으로 추가한 데이터를 삭제하고 원본은 남겨 두는 방법은 무엇입니까?

그림과 같이 빨간색 원 안의 내용은 jquery에서 동적으로 추가한 내용에 적합합니다. 원본을 그대로 두고 저장하거나 취소한 후 동적으로 추가된 내용을 삭제하려면 어떻게 해야 합니까? 다음에 팝업 상자를 클릭하면 여전히 원래 상자처럼 보이나요?

天蓬老师 2017-05-18 10:50:42 0  5  588

javascript - 플러그인 없이 2차 연계 아이디어를 알려주세요! ! !

사진과 같이 이런 2차 연계에 대한 아이디어를 찾고 있는데... 어떻게 써야할지 모르겠네요... bootstrap과 jquery를 이용해서 개발했습니다. 드롭다운 메뉴가 2개 있는데, 부트스트랩의 드롭다운 메뉴는 선택 및 옵션 태그 없이 사용됩니다. 온라인 대기 중... 긴급! ! !

ringa_lee 2017-05-19 10:22:20 0  5  562

javascript - jQuery 또는 Canvas 일체형 디스플레이 효과 아이디어 솔루션

그림에서 볼 수 있듯이 신용 점수 100은 Angular.js를 통해 바인딩된 데이터입니다. 이제 jQuery나 Canvas를 사용하여 신용 점수 페이지에 특수 효과를 만들어야 합니다. 사용자의 시작 신용은 100이고 작은 흰색 원이 표시됩니다. 맨 오른쪽에 있습니다. 그러면 사용자의 신용 점수가 100점을 초과하면 증가하거나 감소합니다.

怪我咯 2017-05-19 10:28:23 0  4  602

javascript - 클릭 이벤트 버그입니다. 무엇이 잘못되었는지 모르겠습니다.

1. 그림이 입 오른쪽으로 스크롤 된 후 왼쪽 화살표를 빠르게 클릭하면 돋보기 기능이 무효화되고 그 외의 경우에는 아무데나 클릭해도 문제가 없는 것 같습니다. 어디에서 문제가 발생했는지 알 수 없습니다. stop()과clearQueue()를 사용했지만 효과가 없습니다. html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  994

javascript - UI 스타일 계산이 너무 많으면 브라우저가 너무 느리게 로드됩니다. 특히 IE에서는 선배에게 조언을 구하세요.

얼마 전 EasyUI+jQuery를 사용해 페이지를 만들었는데 처음에는 로딩 문제가 없다고 느꼈는데, 데이터가 늘어나면서 로딩 시간이 확연히 20초 이상씩 걸리더군요. IE가 열리는 중 성능 분석의 경우 실제로는 3분 이상 소요됩니다. . . . 테스트 후 구체적인 사진은 다음과 같습니다.

習慣沉默 2017-07-05 10:40:49 0  3  999

사용자가 한 페이지에서 이미지를 업로드하거나 변경하고 다른 페이지에 표시하도록 허용하는 방법은 무엇입니까?

사용자가 한 페이지에 사진을 업로드한 다음 다른 페이지에 표시하도록 하는 방법은 무엇입니까? 사용자는 이미지를 변경할 수 있으며 다른 페이지에서도 변경됩니다. 또한 가장 잘 작동하는 php/js/jquery/mysqli를 사용하는 것에 대해 이야기하고 있습니다. (저는 이 분야의 초보자이므로 간단한 언어를 사용해주시면 감사하겠습니다 :)) EDIT: 네, 초보자라고 말했지만 그렇다고 제가 코딩에 대해 전혀 모른다는 뜻은 아닙니다. . 또한 YouTube 및 기타 stackoverflows 질문에서 몇 가지 솔루션을 보았지만 모두

P粉298305266 2024-04-01 18:33:31 0  1  521

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  821

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  724

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  612

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  577

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  1001

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  506

다중 장치(휴대폰) 동기화 - React Native

모든 사용자의 모바일 장치에서 동시에 실행되는 Lightshow를 만들려고 합니다(최대 2000-3000명의 사용자가 있을 수 있음). 모든 사용자는 인터넷(Wi-Fi 또는 모바일 데이터)을 사용합니다. FE에서는 구독을 위해 Apollo를 사용하는데 이는 정말 매력적입니다. 하지만 문제는 사용자 A가 사용자 B보다 더 빨리 구독 이벤트를 얻을 수 있다는 것입니다. 이는 사용자 A가 사용자 B보다 먼저 게임을 시작한다는 것을 의미합니다. 이는 우리가 라이트쇼 아키텍처를 사용하고 사용자가 더 일찍 또는 나중에 시작할 수 없기 때문에 ...

P粉151466081 2023-09-05 11:58:38 0  1  698