자바스크립트 지도 Eagle Eye 플러그인을 찾고 있습니다.

1. 다음과 같은 효과를 얻을 수 있는 JavaScript 플러그인(Eagle Eye 플러그인이라고 불리는 것 같습니다)이 있나요? 오른쪽 하단의 작은 창에는 왼쪽에 지도의 썸네일이 표시되며, 왼쪽에 있는 지도의 표시 범위는 작은 창의 파란색 영역을 드래그하여 변경할 수 있습니다.

高洛峰 2017-05-18 10:50:05 0  1  432

javascript - 요소가 현재 표시 영역 내에 있는지 확인하는 방법

제목에서 알 수 있듯이 이제 가로로 자유롭게 슬라이드할 수 있는 가로 형식의 li 행이 생겼습니다. 특정 li가 현재 표시 영역 내에 있으면 해당 스타일 중 일부가 어떻게 변경됩니까? 여러분이 답변에 도움을 줄 수 있기를 바랍니다. . . . . . .

天蓬老师 2017-07-05 11:07:20 0  5  1127

사용자는 나란히 놓인 div를 드래그하여 너비를 조정할 수 있습니다.

두 개의 div가 나란히 있습니다. 간단한 해결 방법이 있는 경우 사용자가 드래그하여 두 div의 너비 크기를 조정할 수 있습니다. 한 div의 너비가 늘어나면 다른 div의 너비는 줄어들고 두 div의 너비 합계는 변경되지 않습니다. 순수 자바스크립트나 CSS를 이용해 구현할 수 있다면 참 좋을 것 같습니다. div와 같은 다른 항목을 자유롭게 추가하세요. 두 div의 코드는 다음과 같습니다: .left{float:left;width:49%;min-height:50px;border:2pxdashe

P粉690200856 2023-08-28 17:28:25 0  1  435

React JS에서 드래그 가능한 구 선 만들기

온라인에 드래그 가능한 공에 대한 비디오가 있습니다. Reactjs에서 이 기능을 구현해야 합니다. 큐를 놓은 후에는 공을 드래그하여 라인 위로 교차할 수 있으며 큐는 원래 위치로 돌아가지 않습니다. 여러 코드와 방법을 시도했지만 원하는 대로 작동하는 것이 없습니다. React에서 이와 같은 함수를 생성하는 데 도움이 필요합니다. 이를 수행하는 방법을 아는 사람이 있으면 도와주세요. constBall=({color,onDragStart,onDragOver,onDrop})=>(<divclassName="ba

P粉448130258 2023-09-07 12:26:10 0  1  509

javascript - 마우스를 구현하여 div 프레임을 그리고 div에 포함된 dom 요소를 얻습니다.

이 효과와 유사하게 마우스를 이동하고 div 상자를 당겨 div가 포함하는 dom 요소를 선택합니다. 구현할 수 있는 좋은 아이디어가 있습니까? 제가 생각해낸 방법은 div의 offsetLeft, offsetTop과 선택해야 하는 각 요소의 offsetLeft, offsetTop을 판단하는 것입니다.

仅有的幸福 2017-05-19 10:09:21 0  4  577

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

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

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

페이지 위에 있는 요소의 오버플로로 스크롤할 수 없습니다.

페이지 크기를 조정하면 요소가 뷰포트 위로 오버플로되어 위로 스크롤하여 볼 수 없습니다. 해결책이 있는 질문을 찾았지만 작동하지 않았습니다. 두 개의 "핵심" 보이지 않는 div와 모든 콘텐츠를 포함하는 하나의 div 요소가 있습니다. 이 문제를 해결하려고 하기 때문에 "컨테이너" div가 존재합니다. .container{위치:고정;상단:0;왼쪽:0;너비:100%;높이:100%;z-index:500;}.main-co

P粉041881924 2023-08-30 21:41:10 0  2  594

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

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

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

javascript - echart를 사용하여 회로도를 구현하는 방법은 무엇입니까? ?

마스터 여러분, 라인의 노드가 백그라운드에서 동적으로 렌더링되어야 하기 때문에 어떻게 이 효과를 얻을 수 있습니까? Amap, Baidu 맵 또는 이와 유사한 것이 필요하지 않습니다. 그것은 순수한 데이터 시각화 디스플레이입니다.

曾经蜡笔没有小新 2017-06-10 09:48:57 0  1  599

PHP 양식 텍스트 영역 필드에서 휴대폰 번호 다듬기 및 계산

내 양식에 휴대폰 번호를 복사하여 붙여넣을 수 있는 텍스트 영역 필드가 있습니다. 한 줄에 하나의 번호입니다. 이와 같이 수백 개의 휴대폰 번호를 복사하여 붙여넣어 이 양식에 제출할 수 있습니다. 필드를 잘라내고 싶습니다. 복사하여 붙여넣은 후 10자리만 유지하고 싶습니다. 유효한 10자리 숫자만 유지해야 하며, 다른 모든 유효하지 않은 숫자는 필드에서 자동으로 제거되어야 합니다. 복사하여 붙여넣을 수 있을 뿐만 아니라 숫자를 붙여넣은 후 숫자를 입력할 수도 있습니다. 예: 이 숫자를 이 텍스트 영역 필드에 붙여넣으면 9848012...

P粉883278265 2024-03-31 08:46:11 0  1  405

SVG 또는 CSS를 사용하여 하이브리드 직선/곡선 섹션 경계를 만드는 방법은 무엇입니까?

내 응용 프로그램의 경우 비표준 섹션 경계가 있는 등록 페이지를 만들고 있습니다. 여기에서 제가 달성하려는 것이 무엇인지 알 수 있습니다. 이것은 단순한 호가 아닙니다. 두 개의 직선과 그 사이에 호가 있습니다. 내가 아는 한, 이와 같은 것을 달성하는 가장 좋은 방법은 SVG를 사용하는 것입니다. 문제는 흰색 영역이 전체 영역을 덮는 이미지를 갖게 된다는 것입니다. 시연을 위해 하늘색을 사용하겠습니다. 배경 이미지 속성이 있는 표준 div를 사용하는 경우 SVG의 흰색이 불투명하므로 다음과 같은 결과가 나타납니다. 나중에 읽기 위...

P粉920835423 2023-09-02 11:35:13 0  1  604

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

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

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

프론트 엔드에서 사진을 자르는 방법을 알고 있으며 PHP 웹사이트 개발을 배우고 싶습니다. 베이징 1급 PHP 기관의 실제 수업 전체 수업 비디오를 요청하고 싶습니다.

프론트 엔드에서 사진을 자르는 방법을 알고 있으며 PHP 웹사이트 개발을 배우고 싶습니다. 베이징 1급 PHP 기관의 실제 수업 전체 수업 비디오를 요청하고 싶습니다. 예전에 학원에서 프론트엔드 커팅을 배워서 커팅가가 되었지만 기술적인 내용이 많지 않았고 교육수준도 높지 않아 퇴근 후에도 계속해서 기술을 익혔는데 효과가 없었습니다. 월급을 받고 기사가 되겠다는 꿈을 접고 꿈의 길을 떠나 길거리 볶음밥 노점상이 되었습니다. 특히 PHP 웹사이트 개발을 체계적으로 배워보고 싶습니다. , 커뮤니티 웹 사이트 및 농촌 농산물 직판 웹 사이...

. 2017-08-28 14:28:41 0  1  1369

클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03 0  1  3766

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

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

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

쿼리 제한 후 정렬 실험

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

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

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

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

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

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  552

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

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

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

다른 열을 기준으로 그룹화하면서 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  495