javascript - jQuery 또는 Canvas 일체형 디스플레이 효과 아이디어 솔루션

그림에서 볼 수 있듯이 신용 점수 100은 Angular.js를 통해 바인딩된 데이터입니다. 이제 jQuery나 Canvas를 사용하여 신용 점수 페이지에 특수 효과를 만들어야 합니다. 사용자의 시작 신용은 100이고 작은 흰색 원이 표시됩니다. 맨 오른쪽에 있습니다. 그러면 사용자의 신용 점수가 100점을 초과하면 증가하거나 감소합니다.

怪我咯 2017-05-19 10:28:23 0  4  583

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

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

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

javascript - JQuery는 각각 A 태그를 순회하여 href를 얻고 링크의 속성 값을 가져와 A 속성을 추가합니다.

페이지의 원본 HTML 코드: {code...} jquery를 통해 달성하고자 하는 최종 출력 효과: {code...} 현재 jQuery 코드: {code...} 조언을 부탁드립니다! !

伊谢尔伦 2017-05-19 10:40:16 0  1  690

제목은 다음과 같이 다시 작성되었습니다. 하단 붙여넣기 기능의 스크롤 효과를 얻는 방법은 무엇입니까?

여기서 보고 있는 것과 비슷한 효과를 얻으려고 노력하고 있지만 각 섹션의 콘텐츠도 스크롤 가능해야 합니다. 즉, 섹션의 맨 아래에 도달할 때만 수정됩니다. 예를 들어 콘텐츠가 200vh인 경우 다음과 같습니다. section{position:sticky;top:0;height:200vh;}sectionimg{width:100%;height:100%}section:nth-of-type(1){ 배경 :rgb(225,204,200)

P粉587780103 2023-09-09 19:41:49 0  1  568

javascript - 스크롤 막대 및 clientHeight 정보

작은 요정 스크롤바가 차지하는 위치가 정말 짜증납니다. 실제 결과에 따르면 스크롤바가 콘텐츠의 위치를 ​​차지하지만 표시되면 다음과 같은 블로그를 찾았습니다. 콘텐츠의 위치. (실제 효과에 따르면 테두리 옆에 표시됩니다. 테두리에...

天蓬老师 2017-05-19 10:47:31 0  1  660

선생님, mysql 데이터베이스에 php를 삽입하면 모두 비어 있는데 어떻게 해결하나요?

jquery 라이브러리 파일을 도입했는데 효과가 없습니다. 이 오류가 계속 표시됩니다. 마스터님.

龙〔〕 2021-10-29 17:05:13 0  4  1341

선생님, js, 링크 데이터베이스 mysql이 계속 오류를 보고하는데, 어떻게 해결해야 할까요?

jquery 라이브러리 파일을 도입했는데 효과가 없습니다. 이 오류가 계속 표시됩니다. 마스터님.

龙〔〕 2021-10-29 17:17:41 0  5  1016

css3 - 스크롤 막대가 아래로 내려갈 때 나타나는 페이지의 각 부분 효과를 얻는 방법은 무엇입니까?

웹사이트를 살펴보니 스크롤 막대가 아래로 내려가면서 페이지의 모든 부분이 처음 로드되었을 때와 동일한 효과가 나타납니다. 다시 새로고침하면 이러한 효과가 어떻게 다시 나타납니까? jquery 로드로 쓴건가요? 이 홈페이지 http://www.itxdl.cn/bra... 와 비슷하네요.

漂亮男人 2017-06-05 11:10:23 0  2  1803

javascript - JS에서 팝업 창을 원활하게 전환하는 방법은 무엇입니까?

예를 들어, 페이지를 클릭하면 팝업창이 뜹니다. 팝업창에 있는 내용은 버튼이 있고, 클릭하면 대화상자가 뜹니다. 팝업 효과가 있지만 부드럽게 전환되는 방법은 무엇입니까?

世界只因有你 2017-05-18 10:56:53 0  7  637

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

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

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

애니메이션 콘텐츠 숨기기 및 표시: 전환 효과가 포함된 HTML 페이지 만들기

페이지 넘김 애니메이션을 사용하여 책 형태로 콘텐츠를 표시하는 웹사이트를 만들려고 합니다. 각 "페이지"의 콘텐츠에 대해 애니메이션을 적용할 수 있는 다양한 SVG 이미지가 있습니다. 이 작업을 수행하는 방법을 잘 모르겠습니다. 기본적으로 각 "페이지"에 대해 html 파일을 만들지 않고도 원하는 방식으로 콘텐츠를 표시하고 숨길 수 있는 방법이 있습니까? 순서가 약간 중요합니다. Google이 내 사이트를 임의의 위치에 연결하는 것을 원하지 않습니다. 감사해요! 회전식 슬라이드쇼를 생각하고 있는데...

P粉674757114 2023-09-10 17:41:45 0  1  657

javascript - webpack이 jQuery 오류를 설치합니다.

npm install jQuery --save-dev는 jQuery를 설치합니다. webpack이 패키징된 후 다음 오류가 보고되지만 사용에는 영향을 미치지 않습니다. 다음 오류는 무엇입니까? 어떻게 해결하나요?

PHP中文网 2017-06-14 10:54:12 0  1  708

javascript - 이 콘텐츠는 어떻게 블록으로 표시되나요? 왜 테스트할 수 없나요?

이 단일 페이지에 콘텐츠가 어떻게 블록 단위로 표시됩니까? 두 개의 {code...} 부분을 삭제한 다음 다음과 같이 설정을 지정했습니다. 탐색 {code...} 콘텐츠 {code... } 왜 그럴 수 있나요? 이거랑 똑같은 효과가 있는거 아닌가요? 여기서 열었을때 그냥 표시하고 네비게이션을 눌렀는데...

曾经蜡笔没有小新 2017-05-16 13:16:49 0  2  372

javascript - 모바일 단말기에서 가로 스크롤을 구현한 후 줄바꿈 문제가 발생합니다. 조언 부탁드립니다.

그림에 표시된 것처럼 나란히 표시해야 하는 두 개의 라벨 내용이 있습니다. 이제 두 번째 라벨 내용이 너비를 초과하는 경우 슬라이딩 표시 효과를 설정해야 합니다. 원래 효과는 이렇습니다. 단어가 너무 많으면 두 줄로 바뀌고 남는 부분은 스크롤됩니다. 하지만...

某草草 2017-06-12 09:25:32 0  1  576

javascript - 바운드 이벤트 보기에 대한 질문이 있습니까? 선배님들께서 조언을 해주셨으면 좋겠습니다.

내가 직면한 문제는 일부 웹사이트가 jquery 대신 자체 js 라이브러리나 프레임워크로 작성된 코드를 사용한다는 것입니다. 하지만 이 효과를 얻을 수 있는 방법이 있는지 알고 싶습니다. ps: jquery가 아닌 경우 Chrome 및 Firefox에서 $._data(DOMobject,'events') 메서드를 사용하면 작동하지 않습니다.

曾经蜡笔没有小新 2017-05-19 10:31:13 0  1  564

javascript - jquery의 애니메이션 배경 위치 y는 IE에서 매번 0부터 시작합니다.

http://jsbin.com/yolexeqidu/1... IE9 이상에서는 jquery의 animate background-position-y가 매번 0부터 시작됩니다. IE8 이하의 경우 Chrome 및 Firefox에서는 이러한 현상이 발생하지 않습니다. 현상? 애니메이션 효과가 차례로 점프합니다. 코드는 다음과 같습니다. {코드...}

迷茫 2017-05-19 10:32:46 0  1  645

javascript - WeChat 공개 계정 개발 친구와 공유 및 친구와 공유 기능의 매개변수가 유효하지 않습니까?

최근 WeChat의 jssdk 인터페이스를 사용하여 개발된 친구와 공유 기능에 문제가 발생했습니다. 이제 설정된 공유 링크가 모두 유효하지 않으며, 공유 후 친구와 대화 상자에 표시되는 내용도 잘못되었습니다. 변경되지 않았습니다. 테스트 결과 wx.onMenuSha...

PHP中文网 2017-05-16 13:33:07 0  3  719

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

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

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

browsersync 브라우저 동기화 테스트 도구가 제대로 작동하지 않습니다.

browsersync 브라우저 동기화 테스트 도구가 설치되었지만 테스트 결과가 유효하지 않습니다. 이유는 무엇입니까? 저장한 후에도 웹 페이지 내용이 자동으로 변경되지 않으며 여전히 수동으로 새로 고쳐야 합니다. f5 왜

LordVoldemort 2017-12-13 15:50:21 0  0  1389

javascript - 지도의 아이콘으로 마우스를 이동한 후 표시된 콘텐츠를 아이콘을 기준으로 중앙에 배치하는 방법에 대한 JS 및 CSS 문제입니다.

아래 그림과 같이 오른쪽이 제가 원하는 효과입니다. 즉, 지도의 빨간색 위치 아이콘 위로 마우스를 이동하면 표시되는 사진과 콘텐츠가 아래 위치 아이콘을 기준으로 중앙에 배치됩니다. 왼쪽은 제가 만든 효과입니다. 변위가 너무 심각합니다. 다음은 내 HTML 코드입니다. {code...}

给我你的怀抱 2017-06-12 09:32:10 0  1  836