javascript - 애니메이션을 표시하고 숨길 수 있는 좋은 솔루션이 있습니까?

예: 이 애니메이션과 동일한 효과가 있습니다. 먼저 div가 숨겨지고, 버튼을 클릭하면 애니메이션 효과가 나타납니다. 하지만 확실히 너무 복잡하게 작성했습니다. 더 간단한 솔루션이 있습니까(타사 라이브러리가 필요하지 않음)?

阿神 2017-06-30 09:59:55 0  5  1048

왜 animate 앞에 Stop()을 넣어야 할까요?

안녕하세요 선생님, 강좌 코드에 이런 코드가 있습니다. $('.block').stop().animate()의 애니메이션 효과. 왜 animate() 앞에 stop()을 넣어야 할까요?

善為 2019-01-09 10:51:29 0  2  1112

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

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

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

CSS - 애니메이션 색상 변경 문제

이는 초기 색상 값입니다. 자세한 내용은 데모를 참조하십시오. 그런데 애니메이션 효과를 작성한 후 색상 값이 변경되는 이유는 무엇입니까?

世界只因有你 2017-06-28 09:27:36 0  1  1233

javascript - 페이지 로딩 애니메이션 효과가 표시되지 않나요?

1. 현재 작업 중인 프로젝트는 데이터 테이블 페이지입니다. 백그라운드 쿼리가 오래 걸리기 때문에 사용자 경험을 향상시키기 위해 로드 애니메이션을 추가합니다. 애니메이션 로딩을 위한 플러그인에는 문제가 없지만 메소드 실행 중에 애니메이션 효과가 없는 것으로 확인되었습니다. 2. 코드를 직접 붙여넣으세요. JS 시작하기...

迷茫 2017-05-19 10:18:28 0  4  704

목표-c - TransitionWithView가 UIView를 뒤집을 때 뷰의 색상 어둡게 하기 문제를 취소하는 방법은 무엇입니까?

카드의 앞면과 뒷면을 뒤집는 것과 유사한 애니메이션을 만들고 싶다면 UIView의 TransitionWithView 메서드를 사용하면 뒤집힌 뷰의 색상이 어두워집니다. 뷰의 배경색이 흰색인 경우 깜박임이 발생하고 뒤집을 때 검은색 중심선이 나타납니다. 효과가 매우 나쁩니다. 조언을 부탁드립니다.

三叔 2017-06-21 10:11:50 0  1  1080

javascript - 변환으로 스크롤 효과를 생성하려면 두 요소가 필요한 이유

작은 공의 포물선 효과를 얻기 위해 두 개의 애니메이션을 수행하기 위해 하나의 요소 <div class="ball"></div> ? 그런 다음 변환을 사용하여 x 및 y 축을 수정했는데 이렇게 쓰면 효과가 없는 것으로 나타났습니다. 그런데 왜? 이것...

滿天的星座 2017-05-19 10:18:02 0  2  830

javascript - JS 이벤트 버블링 문제

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

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

javascript - 이 모션 함수의 지연기 전에 속성을 사용자 정의해야 하는 이유는 무엇입니까?

이 함수는 애니메이션 효과를 생성하는 데 사용됩니다: {code...} 마지막 문장 elem.movement=setTimeout(repeat,interval) 및 위 문장 if(elem.movement){ {code...} 나는 그들의 것을 알고 있습니다 다시 실행하면 지난번에 실행했던 함수를 종료하는 기능인데...

为情所困 2017-05-19 10:18:30 0  1  456

javascript - mousdown 이벤트에 대한 질문입니다.

도와주세요.$.animate를 사용하여 페이지 요소 mousdown을 기반으로 이벤트를 구현했는데 문제를 발견했습니다. 마우스를 연속으로 여러 번 클릭하면 원하는 효과가 여러 번 반복됩니다. 달성하려면 클릭할 때마다 처음부터 시작해야 합니다. 여러 번 클릭하면 다음과 같은 여러 mousdown 이벤트가 생성됩니다.

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

javascript - 이상한 문제를 발견했습니다. 탭을 닫으면 제가 작성한 CSS 애니메이션이 자동으로 일시중지됩니다.

이상한 문제를 발견했습니다. 제가 작성한 CSS 애니메이션이 탭을 닫으면 자동으로 일시정지되고, 탭을 펼치면 계속 재생됩니다. 움직이는 효과를 얻기 위해 배경 이미지를 사용하는 것도 이와 관련이 있나요?

给我你的怀抱 2017-06-30 09:52:30 0  1  851

javascript - 반응으로 애니메이션 효과를 작성하는 방법은 무엇입니까?

반응 중인 구성 요소에 대한 애니메이션 효과를 만드는 방법은 무엇입니까? 예를 들어 간단한 대화 상자의 경우 취소를 클릭하면 대화 상자가 먼저 희미해졌다가 사라지기를 바랍니다. jquery를 사용하는 경우 매우 간단합니다. 먼저 애니메이션({ //Fade CSS}, function(){ //Delete DOM})을 적용합니다. 그런데 반응이 어떨지 모르겠어요...

世界只因有你 2017-05-18 10:58:34 0  2  747

javascript - vue에서 경로 전환에 문제가 있습니까?

Vue는 경로에 컷씬 애니메이션 페이드인 및 페이드아웃 효과를 추가합니다. 구성요소는 제거되면 페이드아웃되지만, 들어가면 즉시 들어가고 페이드인되지 않습니다. 이 두 단계 사이에서 페이지는 공백. 다음은 공식 웹사이트에서 복사한 내 코드입니다: {code...}

滿天的星座 2017-06-12 09:30:07 0  3  765

javascript - 프론트엔드 자기 계발

앞서 언급한 바와 같이 저는 이제 막 업계에 들어와 회사에 입사한 지 두 달이 되었습니다. 저는 제 자신을 '진짜 다이아몬드'라고 생각합니다. 그러나 회사는 제가 하는 한 프론트엔드 효과에 별로 관심을 두지 않습니다. div를 작성할 수 있으며, 페이지의 기본 스타일만 있으면 js를 작성할 필요가 없습니다. 나는 프론트엔드 프레임워크에 많이 노출되지 않았습니다. ...

曾经蜡笔没有小新 2017-07-03 11:43:03 0  2  965

클릭 기능에서 하나의 요소만 선택되도록 하려면 어떻게 해야 합니까? (순수 JS)

저는 API에서 데이터를 가져와 일련의 질문을 작성한 다음 아래 배열에서 무작위로 선택된 질문에 따라 매번 퀴즈 페이지에 다른 수의 "답안 요소"를 로드하는 퀴즈 앱을 만들고 있습니다. CSS 카드 스타일에 대한 효율적인 답변인 클릭 가능한 "플레이어 카드" 시리즈를 특징으로 하는 창작물입니다. 사용자가 카드를 선택한 다음 확인 버튼을 클릭하면 카드가 맞는지 확인하는 기능이 실행된다는 아이디어입니다. 이 기능은 한 가지를 제외하고는 잘 작동합니다. 사용자는 모든 카드를 선택할 수 있습니다. 내가 ...

P粉345302753 2024-01-29 14:08:19 0  1  468

javascript - 프런트엔드 지도 애니메이션 효과를 구현하는 방법입니다.

아래 효과와 유사하게 아바타가 경로에 따라 움직일 수 있습니다. 저는 이런 애니메이션을 본 적이 없습니다. 프런트 엔드는 어떻게 구현되어야 합니까? 캔버스? webGL? 아니면 기성 프레임워크? 이 효과를 얻으려면 어떤 아이디어를 사용해야 하는지 전혀 모르겠습니다. . .

PHPz 2017-05-16 13:36:02 0  2  460

Phaser가 타일 맵을 로드하지 못했고 화면에 검은색 화면만 표시되었습니다.

타일 ​​맵 편집기에서 생성된 타일 맵을 로드하려고 합니다. 이를 json 파일로 내보내 타일 세트와 함께 공용 폴더의 자산 폴더에 배치했습니다. 캔버스에 나타나는 것은 모두 검은색이다. 변화가 있는지 확인하기 위해 카메라 위치를 변경해 보았으나 소용이 없었습니다. 오류 메시지가 표시되지 않으며 네트워크 탭에서 지도와 타일셋 로드를 볼 수 있습니다. 이 문제에 대한 답을 찾을 수 없습니다. 내 main.jsvarconfig={type:Phaser.CANVAS,wid

P粉832490510 2024-03-30 20:38:02 0  1  688

제목이 다음과 같이 변경됨: CSS3의 100vh 값은 모바일 브라우저에서 고정되지 않습니다.

매우 이상한 문제가 있습니다... 제가 접한 모든 브라우저와 모바일 버전에는 다음과 같은 동작이 있습니다. 페이지를 로드할 때 모든 브라우저에는 상단 메뉴(예: 주소 표시줄 표시)가 있습니다. 페이지 스크롤을 시작하면 그것은 위로 미끄러진다. 때로는 100vh가 뷰포트의 보이는 부분에서만 계산되므로 브라우저 표시줄이 위로 슬라이드되면 100vh가 증가하고(픽셀 단위) 사용자 경험을 위해 모든 레이아웃이 다시 그려지고 크기가 조정됩니다. 효과가 좋지 않으면 이런 문제가 발생하나요? 처음 뷰포트 높이에 대해 들었을 때 너무 기뻤습니다.

P粉682987577 2023-08-21 16:49:22 0  2  501

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

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

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

쿼리 제한 후 정렬 실험

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

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