도와주세요

  • 목록
  • 아래로
  • 위로

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

260578
  • 1
  • 260578
  • 조회 수 370

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


(원하는 예시)

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




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

작성자
260578 58 Lv. (62%) 274930/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

신고

"네모님의 댓글"

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

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 시스템 점검 작업 완료 안내 10 마스터 24.09.05.16:25 2431
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 9483
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4883
466 네이비즘에서 측정한 스포어 서버시간의 오차 관련 질문 드립니다 (서버시간 측정 관련) 4 image 이니스프리 18.11.14.20:21 2582
465 라이믹스 도와주세요! 1 image Nginx 18.11.14.15:15 213
464 웹 개발 언어를 만들어보려고 합니다 1 260578 18.11.13.23:11 217
463 커뮤니티 사이트를 제작해보려고 합니다 3 ndbdbbn 18.11.11.20:51 458
462 Amazon Route 53 DNS 셋팅관련 7 image 갱생협스 18.11.11.08:56 328
461 미디어위키 flow확장기능 오류가 발생했습니다. 1 AA 18.11.10.18:40 202
460 안녕하세요!!!.. 왕초보 웹사이트 제작 관련 질문 드립니다. 8 image 그냥왕초보일.. 18.11.09.10:16 268
459 컴퓨터가 안꺼져요 11 국내산라이츄 18.11.08.04:15 930
458 우분투의 crontab을 관리하는 노하우나 툴이 있을까요? 14 이니스프리 18.11.07.00:27 316
457 계산기를 만드는데 문제가! 6 studyHTML 18.11.06.23:06 551
456 국제전자센터에서 스마트폰 구입 괜찮을까요? 2 이니스프리 18.11.05.20:42 1827
455 구매한 아이콘 없애는법 아시는분? 2 슬기 18.10.29.10:33 269
454 네이버 웹마스터도구에 대해서 질문이 있습니다. 8 image MYIG 18.10.28.17:33 454
453 https 에서 http 불러올수있는 방법이 뭐가있을까요? 8 슬기 18.10.28.01:20 444
452 문제가 무엇인가요? 1 260578 18.10.28.00:11 631
나무위키같은 각주를 구현하는 방법을 찾습니다. 1 image 260578 18.10.27.19:03 370
450 개인정보 보호 오류 무엇...ㅠㅠ 10 image 국내산라이츄 18.10.27.00:12 496
449 질문 드린 CSV 파일 업로드에 대한 코드를 작성했어요 ^^ 실사용 전에 보안상 취약점 등 문제는 없는지 여쭤봅니다 2 이니스프리 18.10.26.20:57 716
448 미디어위키 update.php 실행법 3 관종 18.10.25.21:06 272
447 다른 서버에 있는 CSV 파일을 불러오는 방법에 대해 여쭤봅니다 ^^ 9 image 이니스프리 18.10.24.18:02 583

검색