javascript - JS 이벤트 버블링 문제

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

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

vue 및 vuetify 구성 요소에 대한 마우스 오버 효과

그래서 다음 문서의 예에 표시된 대로 마우스 오버 효과를 재현하려고 했습니다. https://blog.prototypr.io/stunning-hover- effects-with-css-variables-f855e7b95330 하지만 제 경우에는 Vue를 사용하고 싶습니다. .js를 사용하여 vuetify 라이브러리의 v-card에 호버 효과를 적용합니다. 이것이 나의 시도입니다: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  438

CSS로 블록의 가장자리를 수정하여 페더링 효과를 얻는 방법 알아보기

상자 가장자리에 깃털 모양의 흐림 효과가 있도록 CSS를 어떻게 수정합니까? 상자의 배경에 반투명 유리 효과를 주고, 주변의 날카로운 모서리 대신 점진적으로 배경과 혼합되는 깃털 효과를 주고 싶지만 현재 CSS를 수정하는 방법을 모르겠습니다. 도움을 받으시길 바랍니다. 감사합니다. .wrap{위치:상대적;너비:100%;높이:100vh;배경-이미지:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07 0  1  717

CSS 팁: 수평선과 가운데 맞춤 텍스트 만들기

일부 텍스트로 가로 구분선을 만들려고합니다. 예를 들면 다음과 같습니다. ---------------------제 제목은 다음과 같습니다--------- - ------------CSS에서 이 효과를 얻을 수 있는 방법이 있나요? 분명히 모든 "-" 대시를 사용할 필요는 없습니다.

P粉248602298 2023-08-20 15:11:18 0  2  510

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

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

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

그리드 컨테이너가 행 대신 열을 채우도록 만들기

내 그리드는 다음과 같이 세로로 채워지길 원합니다: 147258369...arbitrarynumberofadditionalrows 대신 가로로 다음과 같이 채워집니다: 123456789 그리드의 행 수가 아닌 열 수를 지정하고 싶습니다. 인라인 CSS 스타일을 사용한 내 div의 모습은 다음과 같습니다. <divstyle="display:grid;grid-template-columns:1fr1fr1fr;"><div

P粉551084295 2023-08-27 20:59:46 0  1  500

javascript - CSS 및 JS가 로드될 때 페이지 렌더링 차단 문제

테스트를 위해 의도적으로 big.css(3.8MB) 및 big.js(8.1MB) 파일을 더 크게 만들었습니다. 콘솔 네트워크는 일반 4G를 선택하고 캐시 비활성화를 켰으며 js 파일과 css 파일은 모두 body 태그 뒤에 있었습니다. 소개. 첫 번째 상황: big.js가 페이지에 소개되지 않고 big.css만 소개됩니다. {...

曾经蜡笔没有小新 2017-05-18 10:58:43 0  1  634

html5 - 의사 요소가 추가되었지만 요소를 볼 때 볼 수 없습니다.

{코드...} 이렇게 두 방향으로 애니메이션을 설정하고 싶은데, 겹쳐지면 곡선의 효과가 나타나는데, 지금 추가된 의사 요소는 요소를 볼 때 보이지 않습니다. 제가 어디를 잘못 썼나요?

为情所困 2017-07-04 13:45:09 0  2  2019

javascript - 모바일 웹사이트 네비게이션 바의 수평 슬라이딩 감속 효과를 얻는 방법

주요 웹사이트의 모바일 버전 내비게이션 바는 일반적으로 휴대폰 화면을 터치한 후 슬라이딩하면 감속 효과가 있습니다. 인터넷에서 많이 검색해 본 결과 이 ​​기능이 정말 마음에 들었습니다. js touch 이벤트에 대한 소개였는데 자세한 방법을 찾지 못해서 마스터님께 원리와 구체적인 설명을 부탁드리고 싶습니다.

给我你的怀抱 2017-06-28 09:27:42 0  1  911

javascript - 프로그래밍 초보자로서 jQuery 또는 thinkphp의 소스 코드를 복사하려면 편집기를 사용해야 합니까?

프로그래밍 초보자라면 jQuery 라이브러리나 thinkphp 프레임워크의 소스 코드를 복사하기 위해 편집기를 사용하시겠습니까? 프로그래밍 능력과 아이디어를 향상시키기 위해 Zhihu에서 같은 작업을 수행한 사람을 본 기억이 있습니다. . 여기가 아닙니다. 전문가들이 이것이 얼마나 효과적인지 말해 줄 수 있습니까?

高洛峰 2017-06-05 11:07:36 0  3  598

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

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

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

javascript - 모바일 측 sarafi 및 IE에 나타나는 고무줄 효과를 비활성화하는 방법

iOS의 사파리 브라우저에서는 웹페이지를 위로 스크롤하면 고무줄처럼 한 거리 더 스크롤했다가 놓으면 다시 튀어오를 수 있다. 이 효과는 Windows 태블릿에도 존재합니다. CSS를 사용하여 이 효과를 비활성화하는 방법을 알려주십시오. 페이지 내부 스크롤에 영향을 미치는 경우가 많기 때문입니다. 내가 아는 한...

大家讲道理 2017-05-19 10:12:15 0  1  622

WP REST API를 안전하게 비활성화

저는 WordPress 사이트의 보안을 개선하려고 노력 중인데, 그 과정에서 WPRESTAPI가 기본적으로 활성화되어 있다는 사실을 발견했습니다(제 기억이 맞다면 WP4.4부터). 비활성화하는 안전한 방법은 무엇입니까? 여기서 "안전하다"는 것은 다른 WP 핵심 기능을 손상시키지 않는 등 의도하지 않은 부작용을 일으키지 않는다는 것을 의미합니다. 한 가지 가능한 방법은 .htaccess 다시 쓰기 규칙을 사용하는 것이지만 놀랍게도 이를 수행하는 "공식적인" 지침을 찾지 못했습니다. 어떤 도움이나 ...

P粉463811100 2024-01-10 16:27:31 0  2  502

Nginx가 HTTPS로 강제 점프하는 문제에 대해

인터넷에서 확인해 보니 그 중 한 명이 이렇게 말했습니다. https://$host$1 영구; 여기서 $host$1과 영구는 무엇을 의미합니까? 방금 Baidu를 확인했는데, $host는 요청된 호스트 이름이고, $1은 첫 번째 일치 결과이며, 영구는 영구 방향이어야 합니다. ...

给我你的怀抱 2017-05-16 17:08:12 0  1  489

화면의 CSS 센터 팝업은 컴퓨터와 태블릿에서는 작동하지만 휴대폰에서는 작동하지 않습니다.

CSS를 사용하여 화면 중앙에 도움말 팝업을 표시해 보세요. 내 컴퓨터와 ipad에서는 잘 작동하지만 iPhone에서는 팝업이 스크롤 가능한 전체 수직 공간 내에서 수직 중앙에 위치하므로 팝업을 보려면 가끔 위나 아래로 스크롤해야 합니다. 호출할 때 현재 보이는 화면의 중앙에 위치하도록 하고 싶습니다. (페이지 높이는 정적이지 않습니다. 즉, 사용자 활동에 따라 늘어나고 줄어듭니다.) 관련 CSS는 다음과 같습니다. .helpcontent{position:fixed;top:50%;left:50%;trans

P粉662802882 2024-03-28 20:02:46 0  1  384

배경과 투명 텍스트가 잘립니다.

CSS를 사용하여 아래와 같이 배경에서 투명한 텍스트를 잘라내는 효과를 만드는 방법이 있나요? 이미지가 텍스트를 대체하기 때문에 귀중한 SEO를 모두 잃는 것은 부끄러운 일입니다. 처음에 그림자를 생각했는데 아무것도 생각이 안나네요... 이미지는 웹사이트 배경, 절대 위치의 <img> 태그입니다

P粉439804514 2024-03-25 16:47:36 0  2  609

CSS 사용자 정의 속성을 효과적으로 사용하는 방법은 무엇입니까?

저는 응용 프로그램에서 10가지 Tailwind 스타일 색상 변형 세트를 생성하는 데 사용하는 기본 색상을 사용자가 선택할 수 있는 사용자 정의 테마가 있는 응용 프로그램을 개발 중입니다. 저는 색상을 생성하고 이를 DOM에 삽입하기 위해 자바스크립트를 사용하고 있지만, 조사를 통해 DOM은 컴파일된 CSS에만 액세스할 수 있기 때문에 scss 변수를 삽입하는 것이 불가능하다는 사실을 발견했습니다. 따라서 scss 색상 대신 CSS 사용자 정의 속성을 사용해야 했습니다. 나는 이것이 scss가 색상과 함께 작동하는 방식이 아니라 특...

P粉384366923 2024-01-16 19:00:56 0  1  385

CSS 표시 속성의 변환

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

P粉958986070 2023-08-23 12:27:32 0  2  607

자동 검색 프롬프트(완성)에 대한 좋은 솔루션이 이미 있는데, 왜 바퀴를 다시 만들까요?

지능형 프롬프트 기능을 구현하려면 JavaScript, ajax, 데이터베이스, jsp/php에 대한 많은 지식이 필요하며, 데이터 양이 많으면 작은 기능에 너무 많은 노력을 들이는 것은 적절하지 않습니다. 꼭 필요한 기능이 아닌가? 사용자 입장에서는 입력 비용을 효과적으로 줄일 수 있고, 입력 상자를 마주할 때 더 많은 프롬프트를 얻을 수 있고 웹마스터 입장에서는 핵심 정보를 우선적으로 처리할 수 있습니다. 웹 사이트.

panie 2017-06-29 16:03:09 0  1  1812

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

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

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