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

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

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

CSS - 배경 이미지가 포함된 반응형 레이아웃을 작성하는 방법

이와 비슷하게 이제 배경 이미지로 컴포넌트를 만들고 싶은데 배경 이미지의 크기가 100%가 될 수 없고 가운데에 컨텐츠가 있어야 하고 왼쪽에는 이미지, 오른쪽에는 텍스트가 있어야 만드는 방법입니다. 반응이 좋나요?

怪我咯 2017-07-06 10:37:20 0  3  2130

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

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

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

슬라이드 화살표의 클릭 영역이 아이콘보다 넓습니다.

내 WordPress 개발 사이트에는 갤러리용 슬라이드쇼 기능이 있습니다. 사진을 클릭하면 슬라이드쇼가 시작됩니다. 내 문제는 두 개의 흰색 화살표(왼쪽에 하나, 오른쪽에 하나)입니다. 화살표의 클릭 가능한 영역은 아이콘 크기보다 넓습니다. 아래 사진을 참조하세요. 클릭 가능한 영역이 아이콘보다 넓습니다. 이것은 내 개발 웹사이트의 URL입니다. 이 질문에 내 코드를 포함하려고 시도했지만 "귀하의 질문이 스팸인 것 같습니다"라는 메시지를 받았습니다. CSS 파일은 "https://dev.francisbeg...

P粉195200437 2023-09-13 19:29:50 0  1  649

이미지를 왼쪽에서 오른쪽으로 이동한 다음 다시 왼쪽에서 오른쪽으로 이동합니다.

저는 일부 이미지에 대해 CSS를 작성하고 있는데 기본적으로 제가 달성하고 싶은 것은 왼쪽에서 오른쪽으로 이동해야 하는 이미지가 있고 오른쪽 끝에 도달하면 다시 왼쪽으로 나타나야 한다는 것입니다. 나는 이것을 달성할 수 있었습니다. 이 시점에서 다음 코드를 사용합니다. @keyframesslideAnimation{0%{transform:translateX(0%);}100%{transform:translateX(100%);}}.row-1{overflow:hidden;display:flex;f

P粉739079318 2023-09-07 15:10:40 0  1  547

제목이 다음으로 변경됨: BLOB 이미지 렌더링 관련 문제

안녕하세요 저는 mysql에 BLOB 형식으로 jpg 이미지를 저장했습니다. PHP를 사용하여 내 보기 페이지에 이미지를 렌더링하는 데 문제가 있습니다. header('Content-type:image/jpeg')를 사용하면 오류가 포함되어 이미지를 표시할 수 없기 때문에 내 페이지에 메시지가 표시됩니다. 머리글 기능 없이 인쇄하면 일부 정크 텍스트가 표시됩니다. 이것은 내 코드입니다: functionloadImage(){//connecttodbmysql_select_d

P粉814160988 2023-10-31 08:54:55 0  2  720

DIV를 양쪽 콘텐츠에 맞춰 중앙 정렬

따라서 포함된 DIV 내에 5개의 항목이 있습니다. 항목의 라인업은 다음과 같습니다. 텍스트 이미지 DIV 이미지 텍스트 중앙에 DIV, DIV를 "껴안는" 이미지, 이미지를 "껴안는" 텍스트가 표시되도록 하여 남은 공간이 포함된 DIV의 왼쪽 또는 오른쪽에 있습니다. 현재 필요한 것처럼 보이는 방식으로 이를 달성하기 위해 flex를 사용했지만 이는 DIV가 원하는 대로 완전히 중앙에 위치하는 것이 아니라 DIV를 포함하는 전체 콘텐츠의 중앙에 위치할 뿐입니다.

P粉352408038 2024-04-04 23:19:14 0  1  3644

HTML 테이블의 이미지를 오른쪽 정렬하는 방법

저는 Django 웹사이트를 만들었고 상단에 작은 형태처럼 결과를 표시하고 싶습니다. 왼쪽에 테이블이 있는데 오른쪽 테이블에 두 장의 사진과 또 다른 열을 추가하고 싶습니다. 더 잘 설명하기 위해 다이어그램을 디자인했습니다. 여기에 이미지 설명을 입력하세요. 이제 양식 1과 표에 대한 코드를 작성했습니다. 백엔드 코드도 작성합니다. 이미지와 양식 2가 양식의 오른쪽에 있으므로 HTML 코드를 작성하는 방법을 알고 싶습니다. HTML 코드를 작성하면 표 아래에 표시됩니다. 누구든지 테이블 오른쪽에 그림과 양식 2를 추가하는 데 도움을...

P粉555696738 2023-09-02 09:04:11 0  1  648

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

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

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

화면의 어떤 것도 중앙 정렬할 수 없습니다.

CSS를 사용하여 HTML에서 반응형 탐색 모음을 만드는 방법에 대한 YouTube 튜토리얼을 따르고 있습니다. 화면 중앙에 텍스트를 추가하려고 시도하고 화면 왼쪽에 나타날 때까지 모든 것이 잘 진행되고 있습니다(해당되는 경우에만). 창 해상도가 너비 952px보다 높습니다.) 저는 CSS를 처음 접했고 수정하려는 모든 것이 작동하지 않는 것 같습니다. 코드는 다음과 같습니다. *{padding:0;margin:0;text-꾸밈:none;list-style:none;box-sizing:border-box;

P粉136356287 2024-04-01 11:51:40 0  2  463

페이지의 HTML 요소를 탐색하려면 Tab 키를 사용하세요.

탭 키를 사용하는 HTML 페이지에서 탭 키를 사용하여 스크롤할 수 없습니다. 다음은 "테이블을 업데이트할 수 없습니다." 팝업이 열릴 때 탭을 찾아보려는 페이지의 사진입니다. 저는 그것을 클릭하고 탭을 눌렀습니다. 탭을 처음 누르면 초점이 그림의 화살표 요소로 이동합니다. 하지만 다음에 탭을 누르면 Page3 요소로 이동합니다. 위쪽 화살표 아이콘은 HTML에서 선택된 <i 태그이고 다음 <i 태그는 x 버튼입니다. 어떤 이유로 두 번째 <i 태그를 건너뛰고 탭 키가 두 번째로 나타날 때 x 버튼...

P粉106301763 2024-02-03 21:30:59 0  1  475

두 fill.Rect 함수 간의 충돌을 감지합니다.

한 플레이어는 화살표 키로 제어하고 다른 플레이어는 WSAD 키로 제어하는 ​​게임이 있습니다. 600x600 캔버스에 지도가 설정되어 있고 게임 채우기에서 두 플레이어 사이에 충돌을 추가하고 싶습니다. 두 플레이어가 특정 반경 내에 있을 때 프로그램을 종료하거나 "Game End"와 같은 텍스트를 표시하십시오. 여기에 내 js가 있습니다. , Html 및 Css 코드(코드 조각을 보려면 "전체 화면"으로 이동해야 함): //Canvasmycan.style.display="block&am...

P粉145543872 2023-09-15 13:26:06 0  1  867

CSS 연속 애니메이션

다음 CSS 코드가 있습니다. 문제는 애니메이션이 원하는 방식으로 작동하지만 10초가 지나면 재설정되어 보기 흉하다는 것입니다. 이상적으로는 다시 시작하는 대신 이미지를 감싸고 이미지의 왼쪽이 캔버스 밖으로 나갈 때 오른쪽에서 다시 나타나는 무한 애니메이션을 갖고 싶습니다. @keyframesscrollRight{0%{배경-위치-x:30%;}100%{배경-위치-x:130%;}}.onrir{backgroun

P粉928591383 2024-03-20 12:30:42 0  1  509

javascript - jq를 사용하여 위와 아래에 이미지가 있는 캐러셀을 작성하는 방법은 무엇입니까?

그림과 같이 자동 회전 중에는 하단의 작은 그림이 움직이지 않습니다. 1초 후 다음 작은 그림에 바구니 프레임이 나타납니다. 가장 오른쪽 작은 그림에 파란색 상자가 나타나면 아래쪽 그림이 나타납니다. 다음 초에 작은 그림 4개가 왼쪽으로 이동합니다. 이런 자동 캐러셀을 수행하는 방법에 대한 아이디어를 주세요.

黄舟 2017-05-19 10:13:41 0  1  768

javascript - 왼쪽 및 오른쪽 화살표를 클릭하면 그림이 그에 따라 이동하며 가운데 그림은 항상 가장 크게 표시됩니다.

아래 그림의 효과를 만들고 싶습니다. 현재 6개의 그림이 있습니다. 1. 왼쪽이나 오른쪽으로 이동한 후 중단 없이 첫 번째 또는 마지막 그림부터 시작하는 방법. 중간 위치의 사진은 만드는 방법입니다. 경험이 풍부한 학생들이 아이디어를 제공할 수 있기를 바랍니다.

曾经蜡笔没有小新 2017-05-19 10:29:25 0  5  801

justify-content: Flexbox의 공백이 작동하지 않는 것 같습니다

클래스와 ID를 사용하여 CSS에서 많은 것을 변경해 보았지만 두 이미지를 모두 화면 반대편에 표시할 수 있는 방법이 없는 것 같습니다(맨 왼쪽에 로고, 오른쪽에 프로필). 맨 오른쪽). text-align 및 다양한 justify-content와 같은 다양한 작업을 시도했지만 아무 것도 작동하지 않는 것 같습니다. 코드는 다음과 같습니다: .top-nav{display:flex;position:absolute; background-color:blue;opacity:0.5;

P粉511749537 2024-03-21 23:06:10 0  1  478

원본 JAVASCRIPT를 사용하여 5개의 LI 중 일부만 표시하고 클릭하면 나머지는 표시하는 방법은 무엇입니까?

코드는 다음과 같습니다. {코드...} 위는 JAVASCRIPT(JQUERY 아님)를 사용하여 5개의 링크만 표시하고 나머지는 숨기는 방법입니다. 그런 다음 클릭하여 숨깁니다. 이 기능을 어떻게 달성할 수 있나요? 현재 표시됨: 나는 링크 1입니다. 나는 링크 2입니다. 나는 링크 3입니다...

世界只因有你 2017-05-19 10:18:35 0  5  507

부트스트랩 랜딩 페이지 레이아웃 문제 - 컨테이너가 화면 크기에 올바르게 맞지 않습니다.

저는 현재 Bootstrap을 사용하여 랜딩 페이지를 만드는 연습을 하고 있습니다. 그러나 레이아웃 문제가 발생하여 컨테이너가 적절한 화면 크기에 맞지 않습니다. 좌우 균형이 맞지 않아 화면이 왼쪽으로 기울어지는 현상이 발생합니다. 다음은 문제를 보여주는 스크린샷입니다(링크). Text 다양한 방법을 시도했지만 문제를 해결할 수 없었습니다. 이것이 Bootstrap의 그리드 시스템이나 컨테이너 설정에 문제가 있는 것 같습니다. 누구든지 이 레이아웃 문제를 해결하고 해결하는 방법을 안내해 줄 수 있습니까? 어떤 제안이나 통찰력이라도 ...

P粉214089349 2023-09-10 21:04:02 0  2  782

CSS 드롭 캡 이미지, 공백에 정렬된 텍스트

나는 이것이 일상적인 드롭캡 상황이라고 생각하지 않습니다. 내 대문자 "S"는 다음과 같은 이미지입니다. 실제 이미지는 위쪽 열까지 확장됩니다. 상단 표시줄은 큰 S와 S 왼쪽의 그림을 포함하는 동일한 이미지의 일부입니다. 여기서는 잘 보이도록 배경을 파란색으로 색칠했는데, 자연색은 흰색입니다. (단, 맨 위쪽의 회색 부분은 무시하세요. 화면 캡처를 할 때 불편합니다.) 상단 바와 이미지를 망치고 싶지 않습니다. 나에게 제공된 이미지는 다음과 같습니다. 오른쪽 상단 모서리에 위쪽 막대가 그려져 있고 위쪽 막대 아래...

P粉415632319 2023-09-05 21:42:04 0  2  580

메뉴 배경 왼쪽, 오른쪽, 위쪽 간격 없이 100% 너비로 만들고 싶습니다.

메뉴 배경색은 전체 너비이어야 하며, 24인치 이하는 전체 화면이어야 합니다. 이것이 어떻게 생겼는지입니다. 웹사이트 URL도 이미지에 있습니다. 아래는 배경색을 추가하는 scss입니다. 누군가 배경색이 왼쪽, 오른쪽 및 상단에 닿도록(상단에 작은 간격이 있음) 아래 코드를 편집해 주실 수 있습니까? ;@media#{$xs ,$sm,$md,$lg}{padding:16px0;시도해 보겠습니다

P粉245003607 2023-09-10 21:43:33 0  1  528