|
|
Ŭ¶ó¿ìµåű×
Javascript PHP ASP CSS HTML MYSQL jquery image Mobile API slide °Ô½ÃÆÇ ¸Þ´º
|
|
|
ÇöÀçÁ¢¼ÓÀÚ ¸í |
|
|
|
|
|
|
|
jquery Zebra_Dialog |
|
|
|
|
¼Ò½ººÐ·ù |
JQuery |
|
|
´Ù¿î·Îµå Ƚ¼ö |
65 ȸ |
|
|
|
°£´Ü¼³¸í |
ƯÁ¤»óȲ¿¡ ´ëÇØ ¾Ë¸²Ã¢À» È°¼ºÈ½ÃÄÑÁÖ´Â jquery plugin |
|
|
|
|
|
* jquery Zebra_Dialog ¼Ò°³
- jquery Zebra_Dialog Àº »ç¿ëÀÚ°¡ ÀÀ¿ë ÇÁ·Î±×·¥À» °è¼Ó »ç¿ëÇϱâ Àü¿¡
¾Ë¸²Ã¢À» º¸¿©ÁÙ ¼ö ÀÖµµ·Ï ÇÏ´Â ±â´ÉÀ» Á¦°øÇÕ´Ï´Ù
* »ç¿ëÁ¶°Ç
- jQuery 1.7.0 À̻󿡼 »ç¿ëÀÌ °¡´ÉÇÕ´Ï´Ù
* Ư¡
- Å׸¶»óÀÚ ¾Ë¸²Ã¢ »óÀÚ 2°³ Á¦°ø
- 5°¡Áö ´ëÈ»óÀÚ : È®ÀÎ,Á¤º¸,°æ°í,¿À·ù,Áú¹®
- css ÆÄÀÏÀ» ÆíÁýÇÏ¿© ½±°Ô »ç¿ëÀÚ Á¤ÀÇ °¡´É
- ¸ÂÃã°Ë»ö ¹öÆ° ½±°Ô Ãß°¡
- Ãß°¡ »ç¿ëÀÚ Á¤ÀǸ¦ À§ÇØ ÄݹéÇÔ¼ö Á¦°ø
- ÁÖ¿ä ºê¶ó¿ìÀú Firefox, Opera, Safari, Chrome, Internet Explorer 6 ÀÌ»ó ¿¡¼ ÀÛµ¿
* »ç¿ë¹ý
1. ´Ù¿î·Îµå ¹ÞÀº ¾ÐÃàÆÄÀÏÀ» ÇØÁ¦ÇÏ°í distÆú´õ¿¡ ÀÖ´Â
zebra_dialog.min ÆÄÀÏÀ» ¿øÇÏ´Â À¥¼¹ö °æ·Î¿¡ ¾÷·Îµå ÇÕ´Ï´Ù
2. ±âº»ÀûÀ¸·Î Á¦°øµÇ´Â js, css ÆÄÀÏÀ» È£ÃâÇÕ´Ï´Ù
3. js,css ÆÄÀÏÀ» È£ÃâÇÏ¿© ·Îµå ÇÏ¿´´Ù¸é ¾Ë¸²Ã¢À» ¶ç¿öº¸µµ·Ï ÇÕ´Ï´Ù
1) ±âº» ´ëÈ»óÀÚ ¿¹Á¦
$.Zebra_Dialog('<strong>Zebra_Dialog</strong>, a small, compact and highly configurable ...');
2) 5°¡Áö À¯Çü ¿À·ù,°æ°í,Áú¹®,Á¤º¸,È®ÀΠŸÀÔ ¼³Á¤ÀÌ °¡´ÉÇÑ ´ëÈ»óÀÚ ¿¹Á¦
(type ¼³Á¤¿¡ `error`, `warning` , question, `information, `confirmation` À¸·Î ¼³Á¤°¡´É)
$.Zebra_Dialog('<strong>Zebra_Dialog</strong>, a small, compact and ...', {
type: 'error',
title: 'Error'
});
$.Zebra_Dialog('<strong>Zebra_Dialog</strong>, a small, compact and highly configurable ...', {
type: 'question',
title: 'Custom buttons',
buttons: ['Yes', 'No', 'Help'],
onClose: function(caption) {
alert((caption != '' ? '"' + caption + '"' : 'nothing') + ' was clicked');
}
});
(À§¿Í °°ÀÌ ÄݹéÇÔ¼ö ½ÇÇàÀÌ °¡´ÉÇÕ´Ï´Ù)
ÀÌ¿Ü¿¡ ´Ù¾çÇÑ ±â´ÉÀÌ Á¦°øµÇ´Ï ÷ºÎµÈ ¾ÐÃàÆÄÀÏÀ» ÇØÁ¦ÇÏ¿©
README.md API¼³¸íÀ» ÂüÁ¶ÇϽðųª
examples Æú´õ¾È¿¡ ÀÖ´Â ´Ù¾çÇÑ ¿¹Á¦µéÀ» È°¿ëÇÏ½Ã¸é µµ¿òÀÌ µÉ°Í °°½À´Ï´Ù
|
|
³×ƼÁð ÀÇ°ß ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.) |
|