어디에서나 바로가기 기능을 사용하실 수 있습니다. 주메뉴 이동은 알트 키 플러스 1 키이고, 부메뉴 이동은 알트 키 플러스 2 키이고, 본문 이동은 알트 키 플러스 3 키입니다. 알트 키 플러스 J 키는 일반모드와 텍스트모드로 전환합니다.

현재위치
  1. HOME
  2. >배우기
  3. > 자바스크립트(JS)

본문 영역

alt/title 속성 제어(툴팁) 상세보기

작성자: 관리자 추천: 0  조회: 5223

alt/title 속성 제어(툴팁)


alt 속성은 이미지의 속성으로 그 이미지가 제대로 로딩되지 않았을 경우 출력되거나, 마우스가 이미지 위에 올라왔을 때 툴팁으로 나타나는데 사용된다. 또한 검색엔진에서 이미지의 정보로 사용되며, 시각장애인용 프로그램(스크린리더)에서는 이미지를 alt속성으로 읽어줍니다.
title속성은 이미지나 모든 태그의 제목으로 alt속성와 같이 행동합니다.

몽9빌더 안에서는 title제목, alt설명글로 취급하여 자동으로 디자인된 툴팁으로 출력됩니다.

<img title="제목(title)을 출력합니다." src="http://image.mong9.com/img/content/test1/obj1.png" /> <img alt="설명글(alt)을 출력합니다." src="http://image.mong9.com/img/content/test1/obj1.png" /> <img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." src="http://image.mong9.com/img/content/test1/obj1.png" />

설명글(alt)을 출력합니다. 설명글(alt)을 출력합니다.

[alt&title속성을 이용한 툴팁] 예제소스보기


alt_no=""로 제어하기


alt_no의 기본값은 0입니다. alt, title속성을 사용하면 검은색 툴팁이 자동으로 사용되며, 만약 출력하지 않길 원하실 경우 alt_no="1"로 출력을 막을 수 있습니다.

alt_no값 표
alt_no값 설명
검은색 툴팁
출력하지 않음
녹색 툴팁
파랑색 툴팁
빨강색 툴팁
검은색 전체 슬라이드
녹색 전체 슬라이드
파랑색 전체 슬라이드
빨강색 전체 슬라이드

<img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="0" src="http://image.mong9.com/img/content/test1/obj1.png" /> <img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="1" src="http://image.mong9.com/img/content/test1/obj1.png" /> <img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="2" src="http://image.mong9.com/img/content/test1/obj1.png" /> <img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="3" src="http://image.mong9.com/img/content/test1/obj1.png" /> <img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="4" src="http://image.mong9.com/img/content/test1/obj1.png" /> <img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="a" src="http://image.mong9.com/img/content/test1/obj1.png" /> <img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="b" src="http://image.mong9.com/img/content/test1/obj1.png" /> <img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="c" src="http://image.mong9.com/img/content/test1/obj1.png" /> <img title="제목(title)을 출력" alt="설명글(alt)을 출력합니다." alt_no="d" src="http://image.mong9.com/img/content/test1/obj1.png" />

설명글(alt)을 출력합니다. 설명글(alt)을 출력합니다. 설명글(alt)을 출력합니다. 설명글(alt)을 출력합니다. 설명글(alt)을 출력합니다. 설명글(alt)을 출력합니다. 설명글(alt)을 출력합니다. 설명글(alt)을 출력합니다. 설명글(alt)을 출력합니다.

[alt_no속성값에 따른 효과] 예제소스보기

TOP

등록일:
마지막 수정일:
목록

자바스크립트(JS)

총글수: 18
자바스크립트(JS) 목록 : 이표는 글순서,첨부파일,제목,추천수,조회수,작성일을 확인할 수 있습니다
글순서NO *(첨부파일) 제목 추천 조회 작성일↑
18 없음 int_utils.js 추천:0 조회:4344
17 없음 손쉬운 애니메이션 효과(ani_type) 추천:0 조회:1112414
16 없음 손쉬운 애니메이션 효과(ani_type) 응용하기 추천:0 조회:16342
15 없음 색상전환 효과(ani_type="color") 추천:0 조회:15703
14 없음 현재글:alt/title 속성 제어(툴팁) 추천:0 조회:5223
13 없음 MOVIE 애니메이션(flash 대용) 추천:0 조회:11527
12 없음 M9SLIDE(슬라이드) 애니메이션 추천:0 조회:10061
11 없음 M9SLIDE 애니메이션:fade 효과 추천:0 조회:11262
10 없음 M9SLIDE 애니메이션:slide 효과 추천:0 조회:25267
9 없음 M9SLIDE 애니메이션:slice 효과 추천:0 조회:6797
초기화 
자바스크립트(JS) 검색