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

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

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

javascript - H5 기술을 사용하여 WeChat Alipay 결제 바코드와 유사한 전체 화면 및 가로 모드로 자동 전환을 구현하시겠습니까?

제목으로. H5+를 사용하여 앱을 개발했습니다. 바코드를 클릭하여 확대하는 효과를 더 잘 구현하고 가로 화면은 그림 3과 같이 Alipay 및 WeChat의 결제 인터페이스와 유사합니다. . 나는 그것을 잘하지 못했습니다. 여러분 모두에게 우아한 구현 방법을 제공해 주시기를 바랍니다.

扔个三星炸死你 2017-06-14 10:50:51 0  3  1254

vue.js - weex에 배경 이미지 속성이 없으면 어떻게 해야 합니까?

배경의 높이는 결정될 수 있지만 배경의 너비는 표시된 데이터의 너비에 따라 결정됩니다. weex는 배경 이미지 없이 이 효과를 어떻게 얻을 수 있습니까?

滿天的星座 2017-06-22 11:53:32 0  2  1561

javascript - Zhihu의 이미지 로딩은 어떻게 구현됩니까?

Zhihu 문서를 참조하세요. Visual Studio Code를 평가하는 방법은 무엇인가요? 페이지에 흥미로운 기능이 있는데, 이미지가 로드되기 전에는 가우시안 블러처럼 보이는 이미지가 표시됩니다. 아니면...

大家讲道理 2017-06-26 10:58:20 0  1  776

이미지 옵션 목록에서 어떻게 선택하나요?

선택한 출력에 모든 이미지가 표시되는 디자인을 구현하려고 합니다. 이미지를 선택하세요. 두 번째 옵션은 아무것도 표시하지 않습니다. 표시되는 경우 드롭다운 스타일을 지정해야 합니다. 보여주지 않겠습니다. 도와주셔서 감사합니다. 감사해요.

P粉974462439 2023-08-01 18:01:00 0  1  565

모듈을 찾을 수 없습니다: 오류: 'DavidDaDon.png'를 확인할 수 없습니다.

내가 여기서 뭘 잘못하고 있는지 잘 모르겠습니다. src 폴더에 이러한 PNG 이미지가 있고 이미지를 참조하기 위해 필수 경로와 상대 경로를 사용하고 있습니다. 미칠 것 같은 느낌이 들어요. 참고로 가까운 친구, 가족과 함께 생일 축하 카운트다운을 하고 있는데 아코디언 효과로 이미지가 표시됩니다.

P粉001206492 2023-07-27 21:01:30 0  1  626

크롬 확장 프로그램이 자신의 경로와 파일에 액세스하도록 허용하는 방법

저는 Opera 확장을 만들고 있는데 확장의 경로에 저장된 일부 이미지를 가져오고 싶습니다. 이 플러그인이 하는 일은 특정 웹페이지에서 배경 이미지 URL과 일부 아이콘을 확장 프로그램 내의 사용자 정의 아이콘으로 변경하는 것입니다. 그러나 스크립트를 실행하면 모든 것이 보이지 않게 되어 이미지를 로드하지 못합니다. 로거 내부에는 chrome-extension://invalid/net::ERR_FAILED가 표시되지만 경로를 기록하면 정상적으로 보입니다. Manifest.json 파일에는 웹이 있습니다.

P粉644981029 2024-02-26 23:12:34 0  1  813

javascript - 사진 앨범 효과를 얻는 방법은 무엇입니까? 어떤 플러그인을 사용해야 하나요?

클릭해서 사진을 미리보고, 좌우로 슬라이드하고, 숫자도 나와 있는데 컴퓨터에 링크를 넣었는데 마우스 클릭이 아무 효과가 없습니다. 사용할 수 있는 성숙한 플러그인이 있나요? 작성한 마스크를 미리 볼 수는 있지만 좌우 전환이 쉽지 않습니다.

PHP中文网 2017-06-30 09:56:05 0  4  805

반응 네이티브 맵에서 overlayMapTypes 기능 사용하기

이미지 복제가 작동하지 않습니다. URL 타일이 서버 측 이미지입니다. 동일한 이미지가 이 코드가 웹용인 경우 100번 이상 표시됩니다. 반응 네이티브에서 구현하는 방법, 저는 반응 네이티브 맵/***@license*를 사용하고 있습니다. Copyright 2019 구글 LLC. *SPDX 라이센스 식별자: Apache-2.0*/functioninitMap(){constmap=newgoogle.maps.Map(document.getEle

P粉253518620 2023-08-18 14:49:57 0  1  584

Vue 로딩 애니메이션을 구현하고 동시에 URL에서 이미지를 로드합니다.

이미지가 로딩되면 로딩 애니메이션을 보여주고 싶은데 어떻게 구현해야 할지 모르겠습니다. 디버깅하고 "true" 및 "false"를 콘솔에 출력했지만 로딩 애니메이션이 여전히 표시되지 않았습니다. //// 오류 {{currentCountKing}} / {{ALL_FILMS.length-1}} {{firstFilm.title}} {{secondFilm.title}} Побед

P粉021854777 2023-08-03 18:04:16 0  1  652

javascript - vue의 라우터 링크가 작동하지 않는 이유는 무엇입니까?

{code...} {code...} App.vue의 내용입니다. 실제로 페이지 표시가 태그로 마운트되어 있지만 클릭해도 효과가 없고, 클릭해서 변경해도 효과가 없습니다. 구성 요소 {code..} 이것은 라우터 중 하나에 대한 코드입니다. 다른 두 개는 기본적으로 동일합니다.

漂亮男人 2017-05-16 13:38:06 0  2  728

CSS - 부동 소수점 요소가 떨어지는 문제를 해결하는 방법

이 효과를 얻고 싶지만 현재 코드는 다음과 같습니다. {code...} {code...} 너비 문제에 대한 답변을 많이 읽었습니다. 너비를 줄이기 위해 사진의 크기를 비례적으로 조정할 수 있는 방법이 있습니까?

怪我咯 2017-05-16 13:36:42 0  7  1255

Flexbox 레이아웃에 축소 가능한 요소를 삽입하는 방법

이미지가 둘러싸인 Flexbox 레이아웃이 있고 이미지를 클릭하면 일부 정보를 표시하고 싶습니다. 정보는 "열"을 이동하지 않고 이미지가 포함된 행과 바로 아래 행 사이에 나타나야 합니다. 이것이 제가 원하는 효과 유형입니다: http://olmenta.altervista.org(책을 클릭할 때). 내가 한 일은 다음과 같습니다. https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  404

javascript - 프런트 엔드에서 이 아름다운 그림 쇼 효과를 얻는 방법

그림과 같이 주어진 템플릿(다중 템플릿)을 구현하는 방법은 그림을 클릭하여 선택하거나 템플릿의 지정된 위치에 텍스트를 채우는 방법입니다. 해결책을 찾을 수 없습니다. 몇 가지 아이디어를 제공해 주세요.

黄舟 2017-05-16 13:24:54 0  2  779

python - 플라스크 리디렉션 리디렉션 문제가 있습니까?

코드는 다음과 같습니다. 사진을 성공적으로 업로드한 후 사진을 표시할 수 없습니다. {코드...} {코드...} --- -------업데이트------ ------인덱스 라우팅을 수정하여 원하는 효과를 얻었습니다. {코드...} 그런데 이전 아이디어가 잘못되었나요?

phpcn_u1582 2017-05-18 10:48:50 0  1  844

JavaScript 기본 사항

JavaScript1. JS와 DOM의 관계 브라우저에는 html 코드를 렌더링하는 기능이 있습니다. html 소스 코드는 메모리에 DOM 객체로 구성되어 있으며 내부에는 JS 인터프리터/실행/엔진이 있습니다. 예를 들어, 크롬은 v8 엔진을 사용합니다. JS 코드는 엔진에 의해 실행되고, 그 실행 결과는 우리가 흔히 볼 수 있는 특수 효과입니다. 그림이 떠다니고 텍스트의 색상이 바뀌는 것처럼 브라우저가 실행되면 html 코드를 만나게 되고, js를 만나면 해석되어 실행됩니다.

只是没有如果 2018-11-19 20:33:14 0  0  1131

svn - Github을 버전 컨트롤러로 사용하려는 초보자의 질문

Github를 사용하여 프로젝트의 버전 제어를 구현하고 싶지만 커밋을 클릭하면 이미지 설명이 표시되지 않습니다. 그런 다음 온라인으로 Github에 파일을 업로드한 다음 Github에서 파일을 찾을 수 있는지 확인하고 싶습니다. window.Update용이지만 내 라이브러리는 github.com에 있습니다...

给我你的怀抱 2017-06-27 09:18:19 0  2  1219

컬렉션을 검토할 때 PHP cURL이 모든 DOM 태그를 표시하지 않습니다.

특정 페이지 DOM에서 댓글을 수집하는 코드를 구현하고 싶습니다. cURL 결과가 불완전하며 DOM의 일부 하위 태그가 결과에 표시되지 않기 때문에 이유를 모르겠습니다. DOM은 검사기에서 다음과 같습니다. 다음 코드 조각을 사용하여 DOM을 수집하려고 했습니다. $domain='feefo.com';$page_id='firebrand-promotions';$curli=curl_init();curl_setopt_array($curli ,[ CURLOPT_R

P粉677684876 2023-09-12 20:03:06 0  1  629

날짜 선택기를 숫자와 하이픈만 허용하도록 제한하고 Vue에서 다른 값을 제한하는 방법

날짜를 처리하기 위해 vue2-datepickernpm 패키지를 사용하고 있습니다. 날짜 입력에는 모든 문자, 숫자, 특수 문자가 허용됩니다. 하지만 입력에 숫자, 하이픈, 슬래시만 허용하고 싶습니다. 일반 HTML 입력을 사용하면 쉽게 이를 달성할 수 있습니다. 하지만 날짜 선택기에서 이를 구현하는 방법은 무엇입니까? 어떤 도움이라도 대단히 감사하겠습니다. 내가 사용하고 있는 npm 링크에 대해 미리 감사드립니다. 다양한 값을 허용하는 입력 필드를 보여주는 이미지. 내가 사용하는 태그와 속성은 다음과 같습니다. <date-p...

P粉729518806 2023-08-26 14:57:04 0  1  665

Jquery 슬라이더가 올바르게 표시되지 않는 이유는 무엇입니까?

고급 사용자 정의 필드 플러그인에서 가져온 이미지 슬라이더를 표시하기 위해 WordPress 사용자 정의 테마에 SlickSlider 라이브러리를 구현하려고 합니다. 그러나 슬라이더가 이미지를 서로 겹쳐서 표시하고 슬라이더 기능이 작동하지 않는 문제가 발생했습니다. 지금까지 제가 수행한 작업은 다음과 같습니다. <article><divclass="entry-content"><h2class="wp-block-headinghas-

P粉151720173 2024-04-03 10:43:26 0  1  600