도와주세요

  • 목록
  • 아래로
  • 위로

나무위키같은 각주를 구현하는 방법을 찾습니다.

260578
  • 1
  • 260578
  • 조회 수 338

자체적으로 위키 엔진을 만들어보고 있는데, 다른건 다 해보고 있지만 각주는 알 수가 없네요.


(원하는 예시)

[1] 이라고 써있는 글자를 누르면 내용이 팝업으로 나옴




단순히 밑으로 내려가는건 가능한데....

작성자
260578 58 Lv. (60%) 274780/278480EXP

반가워요!

댓글 1

네모
profile image

간단하게라면, 각주 링크 부분에 title 속성을 부여하는 방법이 있겠네요.

<a href="#m1" title="첫번째 각주입니다. 치킨을 사주시죠.">[1]</a>

같은 느낌으로요.

 

좀더 커스터마이징 된 UI를 원하신다면, 툴팁 라이브러리를 사용해 보시는게 좋을것 같습니다.

https://popper.js.org/tooltip-examples.html 참고하세요.

comment menu
2018.10.27. 20:57

신고

"네모님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [1차 해결 및 추가] 서버 접속 불가 문제 안내 14 마스터 24.06.20.15:22 896
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 24.02.11.17:21 2843
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 6593
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4714
586 닌텐도 스위치 리듬게임 추천 부탁드려요~ ^-^ 6 이니스프리 21.08.05.21:04 341
585 호스팅 환경에서 php로 소켓서버를 만들수 있나요? 5 joyfuI 21.04.27.13:54 341
584 xe 설치하기 부터 막혔습니다. 3 image ndb 17.04.29.16:14 341
583 xe를 설치할려고 하는데 도와주실 수 있으시나요? 8 image ryuko 16.10.15.16:19 341
582 이용중인 도메인 연결 어떻게 하나요? 1 image 참비 23.07.29.15:14 340
581 infinity free무료호스팅 사용중인데 ftp연결을 거부합니다 9 image 손가락개 20.09.10.13:57 340
580 미디어위키 잘 아시는 분 계신가요 15 마카롱 17.10.12.21:41 340
579 스포어 알림판이 무엇인가요? 4 무브온 24.04.23.09:21 339
578 데스크탑이냐 랩탑이냐, 그것이 문제입니다. 29 네모 19.11.28.14:15 339
577 국내 유료 웹호스팅 사이트 추천을 부탁드립니다 14 이니스프리 19.11.16.00:09 338
576 노트북이 너무 시끄럽습니다. 10 image 네모 18.11.19.23:50 338
나무위키같은 각주를 구현하는 방법을 찾습니다. 1 image 260578 18.10.27.19:03 338
574 서비스 구매 후... 2 image title: 은메달도다 16.10.18.19:23 338
573 미국 간편식 추천 부탁드립니다 14 이니스프리 19.01.29.10:42 336
572 어른패드의 상태가 이상합니다. 2 국내산라이츄 18.01.29.05:13 336
571 미디어위키와 XE를 같이 사용할때 XE의 head,foot에 위키 스킨을 어떻게 입히죠? 3 경계인 17.05.21.20:37 334
570 혹시 frame 태그로 php 삽입 가능한가요? 9 Seia 17.11.06.18:22 333
569 패널접속.. 2 하얀노트 17.09.06.10:46 333
568 호스팅 만료 후 연장에 관해 문의드립니다. 3 50knots 17.02.05.18:13 333
567 도메인 메일 어디써야되나요? 10 Ilhan 18.05.19.11:20 331

검색