여러 요소에 호버 효과를 동적으로 추가

프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 단일 단위를 나타내는 여러 요소가 있는(그러나 다른 이유로 여러 요소로 분리해야 하는) 시스템에서는 경우에 따라 마우스를 올리면 함께 색상이 다시 지정되어야 합니다. 프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 아니면 이것이 좋은 습관입니까? my_own_css_class를 사용하여 마우스를 올리면 모든 요소에 추가하여 이 문제를 해결할 수 있었습니다. 하지만 프로그래밍 방식으로 호버 효과를 만들면 나에게 도움이 될 것 같습니다.

P粉203792468 2023-08-15 23:49:58 0  1  526

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

Vuetify 2에서 v-checkbox의 호버 효과 비활성화

Vuetify2에서 v-체크박스 위로 마우스를 가져가면 체크박스 뒤에 흐린 원이 나타납니다. 나타나지 않았으면 좋겠습니다. 현재 내 v-checkbox는 v-tab과 v-tooltip으로 둘러싸여 있습니다. 그것이 중요한지는 의심스럽지만 가능합니다. <v-tabv-for="tabinmyTabList":key="tab"><span>{{$t(tab)}}</span&g

P粉826429907 2023-09-03 20:25:54 0  1  597

동시에 두 개의 플러그인을 열기 위해 vim에서 바로가기 명령을 바인딩하는 방법

예를 들어 저는 vim에서 매우 인기 있는 두 가지 플러그인인 NERDTree와 Tagbar를 사용합니다. 일반적으로 편집기를 연 후 이 두 플러그인을 동시에 열 때마다 두 번 입력하는 것이 매우 번거롭습니다. dev와 같은 명령을 합성하여 다음 효과를 얻으려면 vim에 {code...를 입력합니다.

高洛峰 2017-05-16 16:42:58 0  2  660

css3 - CSS에서 이러한 효과를 만드는 방법은 무엇입니까?

중앙 부분을 주변 부분보다 더 밝게 만드는 방법은 무엇입니까?

黄舟 2017-06-10 09:48:25 0  8  951

javascript - 이 포인팅의 또 다른 문제

이것은 기본 js로 작성된 별표 평가 플러그인입니다. for(var k = 0)... 섹션을 추출한 다음 that.getStarPoint.call(this, point, active)을 실행하면 별을 변경하는 방법인 star[i]를 가리킵니다. [i]와 star[k]는 같은 효과를 가집니다...

给我你的怀抱 2017-06-30 09:58:07 0  4  939

javascript - Vue에서 HTML(css/js 포함)을 모듈로 도입하는 방법

코드 프레임워크는 vue+webpack+node입니다. Vue에서 작성한 페이지에 editor.md https://github.com/pandao/edi...라는 마크다운 플러그인을 도입하고 싶습니다. npm을 통해 편집기를 설치할 수 없습니다. md 플러그인의 HTML 코드: {code...} 효과는 다음과 같습니다:...

怪我咯 2017-06-12 09:29:24 0  2  1142

그림자 복제 버전으로 메뉴 버튼을 x 모양으로 변환하는 호버 효과 만들기

먼저 제 제목이 혼란스럽다는 점을 인정하고 죄송합니다. 내가 달성하고 싶은 것은 hover에 대한 다음과 같은 효과입니다. 내 웹 사이트는 여기 https://wordpress-493302-3130963.cloudwaysapps.com/입니다. CSS 전환을 사용하여 달성하려는 목표의 절반을 성공적으로 달성했지만 그림자를 볼 수 없습니다. 위 이미지에 표시된 대로 만들기 버튼의 복사본입니다. 내 CSS는 다음과 같습니다.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21 0  2  510

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

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

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

CSS3의 변환 원본에 대한 변환(-50%,-50%)의 이상한 효과는 무엇입니까?

{코드...} 음수 여백-왼쪽 방법을 사용하여 중심을 정렬한 다음 마우스를 가리키면 확대할 때 중심점은 변환 원점에서 설정한 위쪽 및 아래쪽 중심이며 문제가 없습니다. 하지만 변환을 사용하면(-50%,-50%) 중심 정렬: {세대...

typecho 2017-06-08 11:02:26 0  1  1026

[프론트엔드 취업 필독] 프론트엔드 개발 면접 질문과 답변_개요

프론트엔드 개발 인터뷰 지식 포인트 개요: 1. HTML&CSS: 웹 표준, 브라우저 커널 차이점, 호환성, 해킹, 기본 CSS 기술 이해: 레이아웃, 상자 모델, 선택기 우선 순위 및 사용, HTML5, CSS3, 모바일 터미널 적응 2. 자바스크립트: 데이터 유형, 객체 지향, 상속, 클로저, 플러그인, 범위, 도메인 간, 프로토타입 체인, 모듈화, 자동

天蓬老师 2017-11-13 12:02:37 1  3  1618

PHP 개발 엔지니어 모집

직무: 2년 이상의 PHP 개발 경험, MySQL 데이터베이스에 능숙함, Linux 작업에 익숙하고 Git 사용 가능, 지속적인 학습 능력, 의사소통에 능숙함, 압박감을 견디는 강한 능력, 효율성에 집중, HTML5, CSS3에 익숙함 , JavaScript 및 기타 프론트엔드 기술, 컴포넌트, 모듈, 플러그인 등을 우선으로 합니다. 개발 경험이 있고 Joomla, WordPress 등 CMS 개발자에 익숙한 사람을 선호합니다. 개발자: 클라이언트 및 회사를 우선으로 합니다. 프로젝트 웹사이트 개발 및 개발 요구 사항. 모듈/컴포넌...

手机用户1617931986 2022-09-08 09:31:12 0  2  1083

javascript - jQuery 플러그인 제작, 한 페이지에서 여러 호출

캐러셀 이미지 플러그인을 작성하고 싶습니다. 페이지에서 두 번 호출했습니다. 각 이미지는 3개의 이미지를 전달했지만 이를 반복하여 페이지에 추가했을 때 6개의 li가 있음을 발견했습니다. 지금 원하는 효과입니다. 즉, 한 번 반복하고 첫 번째에 3li를 추가하고 두 번째에는 해당 li를 추가하면 됩니다...

迷茫 2017-06-26 10:50:37 0  1  674

버튼 활성화로 인해 호버 효과가 오작동함

저는 웹 개발의 기초(HTML, CSS, JS)를 배우려고 노력해왔기 때문에 작동하는 Apple 계산기를 만들어 보려고 노력해 왔습니다. 작은 버그를 발견하기 전까지는 모든 것이 잘 작동했습니다. 처음에는 액션 버튼의 호버 효과가 훌륭하게 작동했는데, 호버를 올리면 색상이 더 밝아졌습니다. 버튼을 누르면 버튼이 더 밝아지고 사용자가 이전 번호로 작업을 수행하기 위해 다른 번호(또는 "같음" 버튼)를 입력할 때까지 그 상태를 유지합니다. 그 후에는 작업 버튼이 일반 색상으로 변경됩니다. 그때까지는 모든 것이 괜찮았지...

P粉548512637 2024-04-01 21:51:26 0  1  608

javascript - 그림과 같이 js 또는 css3을 사용하여 요소 테두리의 동적 효과를 얻는 방법은 무엇입니까?

조리개는 King of Glory의 아바타 프레임처럼 하나일 수 있습니다.

仅有的幸福 2017-06-30 09:57:39 0  2  1217

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

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

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

쿼리 제한 후 정렬 실험

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

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

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

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

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