'분류 전체보기' 카테고리의 글 목록 (47 Page)

[jQueryUI] 간편한 툴팁구현

Front-End/jQueryUI 2017. 1. 25. 13:42

간편한 툴팁구현

1. 정의

- 툴팁에 표시할 텍스트는 title 속성을 사용한다

- 이용할 수 있는 요소는 정해진 건 없다

2. 구문

$(대상요소).tooltip({매개변수:값,..})

1) 매개변수

매개변수	개요	기본값
items	툴팁을 적용할 요소/속성	[title]
content	툴팁의 내용, 텍스트를 반환	title속성의 값을 반환하는 함수
show	툴팁의 표시할 때 에니메이션
hide	툴팁을 감출 떄 애니메이션
tooltipClass	툴팁의 스타일 클래스
position	툴팁의 표시 위치	{my : "left top+15", at:"left bottom", collistion:
track	툴팁이 마우스의 움직임에 따라 갈지	false

3. 구현

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/redmond/jquery-ui.min.css"/> <style> span[title]{ text-decoration: underline; cursor:pointer; } </style> </head> <div id="desc"> <p>Hello, <span title="Morning greet">Good morning</span></p> </div> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script> $(function(){ $(document).tooltip(); }); </script>

'Front-End > jQueryUI' 카테고리의 다른 글

[jQueryUI] 간편 다단계 메뉴 구현 (0)	2017.01.25
[jQueryUI] 툴팁으로 이미지 나오게 하기 (0)	2017.01.25
[jQueryUI] AJAX를 이용한 비동기적 대화상자 (0)	2017.01.23
[jQueyUI] 간단한 대화상자 구현 (0)	2017.01.19
[jQueryUI] 간단한 탭 패널 구현 (0)	2017.01.19

리딩리드

,

[GMP] ICEAGE - I'm getting nauseous

English/GMP.2017 2017. 1. 24. 08:55

Screen English

Brooks : Ooh, Such exquisite bone structure

Such a strong jaw

I'm getting butterflies!

Manny : I'm getting nauseous

Diego : Sorry to interrupt this weirdo love connection

but we're kind of in a hurry

Brooks : 오, 뼈 구조가 정말 멋지네요

이 튼튼한 턱좀봐

가슴이 막 떨려와요

Manny : 난 속이 메스꺼워지려고해

Diego : 이 요상한 사랑의 시작을 방해해서 미안하지만

우리가 좀 바빠서 말이야

속이 메스꺼워

- I'm getting sick to my stomach

- I'm feeling queasy

Kiss English

Dialogue 1

A: Traffic jam made us late for the concert

(우리는 교통 체증 때문에 콘서트에 늦었어)

B: We're lucky they let us in

(그래도 우리를 들여보내 줘서 다행이었어)

Dialogue 2

A: Please don't be late for our departure

(우리가 출발하는데 늦지 않도록 해)

B: I'll be there in plenty of time

(시간 충분히 남도록 갈거야)

Dialogue 3

A: It's too late for ordering a pizza

(피자를 주문하기엔 너무 늦었어)

B: Let's get fried chicken, instead

( 그 대신, 닭 튀김을 시키자)

'English > GMP.2017' 카테고리의 다른 글

[GMP] I have so many questions for you (0)	2017.01.31
[GMP] What took you so long? (0)	2017.01.26
[GMP] ICEAGE - Maybe she was abducted (0)	2017.01.23
[GMP] ICEAGE - How could you do that to him (0)	2017.01.20
[GMP] ICEAGE - Give him a chance (0)	2017.01.19

리딩리드

,

[jQueryUI] AJAX를 이용한 비동기적 대화상자

Front-End/jQueryUI 2017. 1. 23. 19:36

AJAX를 이용한 비동기적 대화상자

- $.get()을 이용하여 비동기적으로 대화상자의 내용을 변경 한다

1. 구현

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Dialog</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/redmond/jquery-ui.min.css"/> </head> <input class="open" data-path="dl" type="button" value="down"/> <input class="open" data-path="quest" type="button" value="flyer"/> <input class="open" data-path="help" type="button" value="question"/> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script> $(function(){ $('.open').click(function(){ var target = $(this); $.get(target.data('path')+'.html').done(function(data){ $('<div></div>').attr('title',target.val()).html(data).dialog({ width:500, height:400, modal:true }); }); }) ; }); </script>

- data-path를 이용하여 특정 파일의 html 을 호출 한다

'Front-End > jQueryUI' 카테고리의 다른 글

[jQueryUI] 툴팁으로 이미지 나오게 하기 (0)	2017.01.25
[jQueryUI] 간편한 툴팁구현 (0)	2017.01.25
[jQueyUI] 간단한 대화상자 구현 (0)	2017.01.19
[jQueryUI] 간단한 탭 패널 구현 (0)	2017.01.19
[jQueryUI] 간단한 아코디언 패널 구현 (0)	2017.01.19

리딩리드

,

[MovieReview] 신비한동물사전 - Fantastic Beasts and Where to Find Them

English/MoviesReview 2017. 1. 23. 16:09

신비한동물사전 - Fantastic Beasts and Where to Find Them

1. review

- The year is 1926 in NewYork. Newt Scamander (main character) stopover in NewYork. Scamander has a goal to make the Dictionary of magical creature, so his travel is very important with the accent on collecting creatures

but he is in trouble! because his magical case is switched by normal person not magician, we call it no-maj.

and When Jacob(no-maj) open the magical case without no doubt, some creatures reveal the case. OMG!

The NewYork city would be upside-down. Scamander try to defend a chaos from his collection and catch them but We already expect that It doesn't work out for main character.

He is arrested by Administer of Magician about using a magic and his creatures. hmm...

I think this movie is really interesting and I love series of Harry Potter

'English > MoviesReview' 카테고리의 다른 글

[MovieReview] The Magnificent Seven (0)	2017.01.30
[MoviesReview] 미스페레그린과이상한아이들의집 - Miss Peregrine's Home for Peculiar Children (0)	2016.12.26

리딩리드

,

'WEB-INF'에 해당되는 글 916건

[jQueryUI] 간편한 툴팁구현

'Front-End > jQueryUI' 카테고리의 다른 글

[GMP] ICEAGE - I'm getting nauseous

'English > GMP.2017' 카테고리의 다른 글

[jQueryUI] AJAX를 이용한 비동기적 대화상자

'Front-End > jQueryUI' 카테고리의 다른 글

[MovieReview] 신비한동물사전 - Fantastic Beasts and Where to Find Them

'English > MoviesReview' 카테고리의 다른 글

공지사항

카테고리

태그목록

글 보관함

달력

링크

리딩리드

LATEST FROM OUR BLOG

LATEST COMMENTS

BLOG VISITORS

티스토리툴바

« 2025/07 »
일	월	화	수	목	금	토
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31