javascript - JS에서 팝업 창을 원활하게 전환하는 방법은 무엇입니까?

예를 들어, 페이지를 클릭하면 팝업창이 뜹니다. 팝업창에 있는 내용은 버튼이 있고, 클릭하면 대화상자가 뜹니다. 팝업 효과가 있지만 부드럽게 전환되는 방법은 무엇입니까?

世界只因有你 2017-05-18 10:56:53 0  7  632

페이지를 가로가 아닌 세로로 부드럽게 전환하는 방법을 알아보세요.

질문: 수직으로 슬라이딩하는 것과 수평으로 부드럽게 할 수 있도록 변경하는 방법의 차이점은 무엇입니까?

π！㏑e 2017-11-10 19:08:16 0  1  1505

JavaScript는 썸네일에서 전체 너비 이미지 페이지로의 원활한 전환을 구현합니다.

http://manifesto.clapat.com/ 홈 페이지의 항목을 클릭하면 해당 항목 페이지의 제목이 될 썸네일에서 전체 화면 이미지로 전환됩니다. 이러한 전환 효과는 어떻게 생성되며 ReactRouter 대신 내부 라우팅을 사용하여 이를 구현하는 가장 좋은 방법은 무엇입니까? 누군가가 ReactRouter에서 작동하도록 할 수 있다면 저도 그것을 포팅할 수 있습니다. 사용 가능한 몇 가지 튜토리얼이 있지만 모두 다른/프로젝트 페이지로 이동하는 대신 전체 화면 모달 구성 요소와 유사하게 동일한 페이지에 데이터를 로드합니다.

P粉536532781 2023-09-15 22:09:37 0  1  935

CSS 표시 속성의 그라데이션 효과

저는 현재 CSS "슈퍼 드롭다운"을 디자인하고 있습니다. 기본적으로 일반 순수 CSS 드롭다운이지만 그 안에 다양한 유형의 콘텐츠가 있습니다. 현재 CSS3 전환 효과는 "display" 속성에 적용되지 않는 것 같습니다. 즉, display:none에서 display:block(또는 임의의 조합)으로 전환할 수 있는 방법이 없습니다. 위의 예에서 누군가 최상위 메뉴 항목 위로 마우스를 가져갈 때 두 번째 수준 메뉴가 "페이드 인"되도록 하는 방법이 있습니까? visible: ...

P粉608647033 2023-08-21 11:08:32 0  2  548

스크롤 휠을 사용할 때 부드러운 스크롤 애니메이션을 얻을 수 있는 방법이 있습니까?

페이지를 스크롤할 때 스크롤 휠을 사용할 때처럼 "점프하는" 방식 대신 부드럽게 움직이도록 만들려고 합니다. 이와 관련하여 내가 본 대부분의 소스는 버튼이나 링크를 클릭할 때 반응 스크롤이 제공하는 것과 같은 부드러운 스크롤을 포함하지만 특히 휠 스크롤의 부드러운 효과를 얻고 싶습니다. MaterialUI 테마를 통해 이를 달성할 수 있는 방법이 있습니까? 아니면 이에 도움이 될 수 있는 React 패키지가 있습니까?

P粉118698740 2023-08-16 16:40:27 0  1  579

Nuxt-link는 Bootstrap-vue를 사용하여 페이지 문제를 새로 고칩니다.

탐색을 위한 사용자 지정 호버 드롭다운 메뉴를 만들기 위해 nuxt와 bootstrap을 사용하고 있습니다. 내가 겪고 있는 문제는 내 탐색 하위 메뉴 NuxtLinks가 Nuxt 블록 내의 애플리케이션 콘텐츠를 원활하게 변경하는 대신 전체 페이지를 새로 고치는 것입니다. 탐색 모음은 default.vue 레이아웃에서 동적으로 생성되며 콘텐츠를 래핑하는 NuxtLink와 함께 b-dropdown-hover 구성 요소를 사용합니다. 페이지가 이러한 링크/앵커에 대해 완전히 새로 고쳐지는데 내 b-navbar-브랜드 이미지가 원활하게 ...

P粉512729862 2023-12-07 08:58:02 0  1  698

텍스트에서 단락을 찾습니다.

Django 웹사이트에서 JavaScript를 사용하여 "편집" 버튼을 구현하려고 합니다. 나는 JavaScript를 처음 접했지만. Django에서는 텍스트를 단락으로 나누는 것이 매우 쉽습니다. 이와 같이 {{text|linebreaks}}를 코딩하기만 하면 Django가 태그를 동적으로 추가합니다. (양식을 보낸 후) 전환을 더 원활하게 하려면 전체 페이지를 다시 로드하는 대신 JavaScript를 사용하여 페이지 콘텐츠를 업데이트해야 합니다.

P粉288069045 2023-07-28 13:08:03 0  1  566

애니메이션 콘텐츠 숨기기 및 표시: 전환 효과가 포함된 HTML 페이지 만들기

페이지 넘김 애니메이션을 사용하여 책 형태로 콘텐츠를 표시하는 웹사이트를 만들려고 합니다. 각 "페이지"의 콘텐츠에 대해 애니메이션을 적용할 수 있는 다양한 SVG 이미지가 있습니다. 이 작업을 수행하는 방법을 잘 모르겠습니다. 기본적으로 각 "페이지"에 대해 html 파일을 만들지 않고도 원하는 방식으로 콘텐츠를 표시하고 숨길 수 있는 방법이 있습니까? 순서가 약간 중요합니다. Google이 내 사이트를 임의의 위치에 연결하는 것을 원하지 않습니다. 감사해요! 회전식 슬라이드쇼를 생각하고 있는데...

P粉674757114 2023-09-10 17:41:45 0  1  650

애니메이션을 사용하여 두 Div를 교체하는 방법

나는 div를 큰 상자로 표시하고 다른 세 개의 div를 아래에 작은 상자로 표시하려는 프로젝트가 있습니다. 작은 상자를 클릭하면 CSS 전환 효과를 사용하여 크기가 변경되고 큰 상자와 위치가 바뀌게 됩니다. 부드러운 움직임과 크기 변화. 현재 jQuery를 사용하려고 하는데 위치 지정이 전혀 작동하지 않습니다. 이것은 나의 현재 예입니다: https://jsfiddle.net/v3pmhawj/1/$(function(){let{left:x1,top:y1}=$('.full-si

P粉191323236 2023-08-26 13:55:33 0  1  474

0ms 수면을 생략하면 CSS 전환이 중단되는 이유는 무엇입니까?

제가 제대로 이해하고 있는지 알아보기 위해 FLIP 애니메이션을 구현해 보려고 합니다. 이 코드펜에서(잘못된 코드를 양해해 주세요. 그냥 장난을 쳤을 뿐입니다) 수면을 주석 처리하면 부드러운 전환이 더 이상 작동하지 않습니다. div의 위치가 갑자기 변경됩니다. 수면 시간이 0ms이기 때문에 이상합니다. importReact,{useRef,useState}from"https://esm.sh/react@18";importReactDOMfrom"https://esm.s

P粉659516906 2024-04-06 16:29:50 0  2  650

페이지 확대/축소를 위해 마우스 휠을 사용하고, 페이지를 이동하려면 클릭하고 드래그하세요.

마우스 휠을 사용하여 전체 페이지에 대한 스크롤 및 패닝 효과를 만드는 방법은 무엇입니까? 기본적으로 다른 2D 편집기와 마찬가지로 스크롤하여 확대/축소하고 클릭하고 드래그하여 이동하지만 몸체 전체에 적용됩니다. 온라인에서 이에 대한 정보를 찾을 수 없습니다.

P粉308783585 2024-03-26 14:11:27 0  1  306

한 가지 색상으로 그려진 텍스트에서 애니메이션 그라데이션으로 부드럽게 전환하는 것이 가능합니까?

페이지에 흰색 텍스트가 있고 그 아래에 버튼이 있습니다. 또한 애니메이션 그라데이션이 적용되어 텍스트를 채웁니다. 버튼을 클릭하면 -webkit-text-fill-color 속성이 투명해지며 텍스트 색상이 그라데이션에 맞게 갑자기 변경됩니다. 이렇습니다: https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ 흰색에서 그라데이션으로 부드럽게 전환하는 것이 가능합니까? (-webkit-text-fill-color 속성은 transiti를 직접 지원하지 않습니다.

P粉762447363 2023-09-16 09:22:05 0  1  789

Compose API를 사용하는 독립형(단일 파일) Vue3 SPA의 메서드

저는 프로젝트 콘텐츠를 부트스트래핑한 다음 배포용으로 빌드하여 (아마추어) Vue3 애플리케이션(*)을 작성합니다. 좋은 결과. 브라우저에 직접 로드할 수 있는 독립형 단일 HTML 페이지를 만들어야 합니다. 나는 몇 년 전 Vue를 사용하기 시작했을 때(v1→v2 전환 중) 이 작업을 수행했고 즉시 올바른 문서를 찾았습니다. 유사한 Vue3 및 CompositionAPI를 찾을 수 없습니다. 반응 변수 {{hello}} 값을 표시하는 프레임 페이지는 무엇입니까(&l의 전체 빌드 애플리케이션 컨텍스트에 넣겠습니다)

P粉106711425 2024-03-26 23:28:38 0  1  360

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

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

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

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

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

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

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

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

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

쿼리 제한 후 정렬 실험

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

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