Notice
Recent Posts
Recent Comments
Link
| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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 |
Tags
- ๋คํฌ๋ชจ๋ํ ๊ธ
- ui์ปดํฌ๋ํธ
- ์น์ ๊ทผ์ฑ
- ๋ก์ปฌ์คํ ๋ฆฌ์ง
- ์๋ฐ์คํฌ๋ฆฝํธui
- JavaScript
- ๋ฐ๋๋ผ์คํฌ๋ฆฝํธ
- css๋ณ์
- UX๋์์ธ
- ํ๋ก ํธ์๋
- ์คํฌ๋กค์ ๋๋ฉ์ด์
- ์ ๊ทผ์ฑ
- ์น๋์์ธ
- UIUX
- js์คํฌ๋กค์ด๋ฒคํธ
- ํ ๋ง์๋์ ํ
- css์ ๋๋ฉ์ด์
- ์๋ฐ์คํฌ๋ฆฝํธ
- preferscolorscheme
- ๋ฐ์ํ์น
- ์นUI
- ์๋ฐ์คํฌ๋ฆฝํธ์ปดํฌ๋ํธ
- ๋คํฌ๋ชจ๋
- ์ธํฐ๋ ํฐ๋ธui
- ์ฝ๋ฉ์์
- ๋ฐ๋๋ผjs
- ์น๊ฐ๋ฐ
- ์นui๋์์ธ
- uiux๋์์ธ
- ์คํฌ๋ฆฐ๋ฆฌ๋์ง์
Archives
- Today
- Total
๋ชฉ๋ก์ฝ๋ฉ (1)
UI Code Lab
์๋ฐ์คํฌ๋ฆฝํธ๋ก ์ฌ๋ผ์ด๋ ํ ๊ธ ๊ธฐ๋ฅ ๋ง๋ค๊ธฐ (SlideUp / SlideDown)
์น ํ์ด์ง์์ ์ฝํ ์ธ ๋ฅผ ๋ถ๋๋ฝ๊ฒ ์จ๊ธฐ๊ฑฐ๋ ํ์ํ๋ ๊ธฐ๋ฅ์ ์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์์ํค๋ ํต์ฌ ์์์ ๋๋ค. ํนํ SlideUp ๊ณผ SlideDown ํจ๊ณผ๋ ์ง๊ด์ ์ธ UI๋ฅผ ๊ตฌํํ ๋ ํฐ ๋์์ด ๋ฉ๋๋ค. ์ด ๊ธ์์๋ jQuery์ ์์ JavaScript(๋ฐ๋๋ผ JS)๋ฅผ ์ฌ์ฉํ ์ฌ๋ผ์ด๋ ํ ๊ธ ๊ธฐ๋ฅ ๊ตฌํ ๋ฐฉ๋ฒ์ ์๊ฐํฉ๋๋ค. ๐ก jQuery๋ก ์ฌ๋ผ์ด๋ ํ ๊ธ ๊ตฌํjQuery์์๋ .slideUp(), slideDown(), .slideToggle() ๋ฉ์๋๋ฅผ ์ฌ์ฉํด ๊ฐํธํ๊ฒ ๊ตฌํํ ์ ์์ต๋๋ค.$(document).ready(function() { $("#toggleButton").click(function() { $("#content").slideToggle(500); // 500ms ๋์ ์ฌ๋ผ์ด..
์๋ฐ์คํฌ๋ฆฝํธUI
2025. 6. 18. 09:32