도와주세요

  • 목록
  • 아래로
  • 위로

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

260578
  • 1
  • 260578
  • 조회 수 337

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


(원하는 예시)

[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차 해결 및 추가] 서버 접속 불가 문제 안내 13 마스터 24.06.20.15:22 756
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 24.02.11.17:21 2693
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 6407
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4694
346 닌텐도 스위치 리듬게임 추천 부탁드려요~ ^-^ 6 이니스프리 21.08.05.21:04 338
345 infinity free무료호스팅 사용중인데 ftp연결을 거부합니다 9 image 손가락개 20.09.10.13:57 339
344 xe 설치하기 부터 막혔습니다. 3 image ndb 17.04.29.16:14 340
343 미디어위키 잘 아시는 분 계신가요 15 마카롱 17.10.12.21:41 340
342 호스팅 환경에서 php로 소켓서버를 만들수 있나요? 5 joyfuI 21.04.27.13:54 340
341 프로알라 에디터를 사용하면 클라이언트단에서 이미지 리사이징을 할 수 있는가요? 6 이니스프리 19.08.02.16:00 342
340 도매인을 변경하였는데 계속 여기로 이동됩니다. 1 Kongjak 17.03.19.18:39 343
339 혹시 워드프레스 메인페이지 위젯 출력 어캐하나요? 4 핫슈 17.09.05.04:12 343
338 무선 키보드 마우스 세트 추천 부탁드립니다. 14 갱생협스 19.05.03.18:18 343
337 포인트를 사용한 사행성 게임이.. 4 네모 17.10.11.01:02 344
336 혹시 ajax chat 사용해보신분? 1 막시모 16.11.17.16:06 345
335 오리마크..... 4 맛수타 17.09.14.05:58 345
334 추가 도메인 말인데요..! 3 준그루 17.09.29.15:00 345
333 일본어 한 단어만 읽어주시면 감사하겠습니다!! 8 image 이니스프리 19.05.07.17:30 345
332 포인트 정리후 문제 발생.. 4 image 워시퍼 16.10.26.23:21 346
331 [미디어위키] 확장기능 FLOW,ECHO 설치중 오류 6 260578 18.02.12.16:59 346
330 우분투만 사용하다가 페도라 13 / Centos 6.9 시험에 응시하려면 적응하기 어려울까요? ㅠㅠ 8 image 이니스프리 20.01.08.22:56 346
329 403오류 2 image 박재식품 18.02.26.13:04 347
328 야후재팬 메일 이용하시는분 계신가요? 2 슬기 19.07.29.23:55 347
327 저전력 nas 용도 개발보드 구매? 8 {Cog} 20.04.09.00:05 347

검색