ÀÛ¼ºÀÚ : ±¹¹Î»ý°¢
ÀÛ¼ºÀÏ : 10-03-15
Á¶È¸¼ö : 421
Ãßõ¼ö : 3
|
¹øÈ£ :294,247
|
¿©·Ð 1¹øÁö
|
[ÁÂÆÄ ¹Ú¸ê]°³(¹Î?)ÁÖ´çÀÇ 'ÃÊÁßµî Çб³ ¹«»ó±Þ½Ä'? '±ÝÈ£±×·ì ÅðÃâ' ´à´Â²Ã!
|
ºÎÃß¿¬
|
|
|
|
|
<scRIPT src="skin/zbXE_style/ui.base.js" type=text/javascript>scRIPT>
<scRIPT language=Javascript type=text/javascript>
/*
* Slider 2006.09.06
* by NHN UII.Gony
*/
var Slider = Class({
__const : function(id) {
this.options = Class.extend({
skinFormat : 'skin/zbXE_style/images/slider_%s.gif', // bg, unit
minValue : 0,
maxValue : 100,
defValue : 0, // default value
step : 1,
maxPos : 86, // position related to parent (px)
initPos : {x:1, y:12}, // initial position (minimun value)
vertical : false,
onChange : function(v){}
}, arguments[1]);
var e = this._element = $(id);
var o = this.options;
Element.setCSS(e, {
position : 'relative',
background : 'no-repeat url('+o.skinFormat.replace('%s', 'bg')+') center center'
});
// auto resizing
var im = $c('img');
im.onload = function() {
e.style.width = this.width+'px';
e.style.height = this.height+'px';
}
im.src = o.skinFormat.replace('%s', 'bg');
// event binding
this.onmousedown = this.ondown.bindForEvent(this);
this.onmousemove = this.onmove.bindForEvent(this);
this.onmouseup = this.onup.bind(this);
// positining draggable unit
var u = this._unit_element = e.appendChild($c('img'));
u.src = o.skinFormat.replace('%s', 'unit');
u.ondragstart = u.ondrag = function(){ return false }
u.onmousedown = this.onmousedown;
Element.setCSS(u, {
position : 'absolute',
cursor : 'pointer',
top : o.initPos.y+'px',
left : o.initPos.x+'px'
});
},
setValue : function(v) {
var o = this.options; v = Math.min(Math.max(v,o.minValue),o.maxValue);
var p = this._val2pos(v);
if (this.options.vertical) {
this._unit_element.style.top = p+'px';
} else {
this._unit_element.style.left = p+'px';
}
this.options.onChange(v);
},
ondown : function(e) {
var u = this._unit_element;
if (e.mouse.left) {
this._moving = true;
this._startPos = [parseInt(u.style.left), parseInt(u.style.top)];
this._startXY = [e.clientX, e.clientY];
// register event
Event.register(document, 'mouseup', this.onmouseup);
Event.register(document, 'mousemove', this.onmousemove);
Event.register(document, 'keypress', this.onmousemove);
e.stop();
}
},
onmove : function(e) {
var newX, newY;
var o = this.options;
var u = this._unit_element;
if (!this._moving || !e.mouse.left) return;
newX = this._startPos[0] + e.clientX - this._startXY[0];
newY = this._startPos[1] + e.clientY - this._startXY[1];
if (o.vertical) {
newY = Math.max(Math.min(newY,o.maxPos),o.initPos.y);
u.style.top = newY + 'px';
} else {
newX = Math.max(Math.min(newX,o.maxPos),o.initPos.x);
u.style.left = newX + 'px';
}
this.options.onChange(this._pos2val(o.vertical?newY:newX));
},
onup : function() {
this._moving = false;
// unregister event
Event.unregister(document, 'mouseup', this.onmousemove);
Event.unregister(document, 'mousemove', this.onmousemove);
Event.unregister(document, 'keypress', this.onmousemove);
},
_pos2val : function(p) {
var o = this.options,s=o.step;
var m = o.vertical?o.initPos.y:o.initPos.x;
var v = (p-m)*(o.maxValue-o.minValue)/(o.maxPos-m);
var q = Math.floor(v/s), r=v-q*s, v=q*s;
return Math.round((v+o.minValue+((s/2)>r?0:s))*100)/100;
},
_val2pos : function(v) {
var o = this.options,s=o.step;
var m = o.vertical?o.initPos.y:o.initPos.x;
var p = (v-o.minValue)*(o.maxPos-m)/(o.maxValue-o.minValue);
var q = Math.floor(p/s), r=p-q*s, p=q*s;
return Math.round((p+m+((s/2)>r?0:s))*100)/100;
}
});
scRIPT>
<scRIPT type=text/javascript>
new Slider('sl', {
minValue : 12, // ÃÖ¼Ò ÆùÆ® »çÀÌÁî
maxValue : 36, // ÃÖ´ë ÆùÆ® »çÀÌÁî
onChange : function(v) {
$('sval').value = v;
document.getElementById('view_mm').style.fontSize=v +'px'; // ÆùÆ® »çÀÌÁî
document.getElementById('view_mm').style.lineHeight=v+120 +'%'; // ÆùÆ® »çÀÌÁî¿¡ ¸ÂÃç¼ ÁÙ°£°Ýµµ º¯Çϵµ·Ï
}
});
scRIPT>
|
¹ÎÁ·ÀÇ 'öõÁö ¿ø¼ö'ÀÎ °³(¹Î?)ÁÖ´çÀÇ ´ëÇѹα¹ ¹«³Ê¶ß¸®±â ¹ß¾ÇÀº Çϴðú ¶¥À» ºÐ³ë ½ÃÅ°°í ÀÖ´Ù!
Àú °³¸¸µµ ¸øÇÑ ºÐ´¢¿À¹°(¶Ë¹°)µéÀº ³ª¶ó¾ß ¸ÁÇÏµç ¸»µç, ¹«½¼ ÇØÄÚÁö¸¦ Çؼ¶óµµ ´ëÇѹα¹¸¸ ¸ÁÇÏ¸é ±×°ÍÀ¸·Î ¼¼»ó¿¡ ±â¾î³ª¿Â ¸ñÀûÀÌ ´Þ¼ºµÇ´Â °ÍÀ¸·Î ¹Ï´Â °ÍµéÀÌ Àú°Íµé ÀÌ´Ù!
Àú °³¸¸µµ ¸øÇÑ °ÍµéÀº À̹ø 6.2 ¼±°Å¿¡¼ °³ÁÖ´ç Ãâ½ÅÀÇ ÁöÀÚüÀåÀÌ ´ç¼±µÈ Áö¿ªºÎÅÍ Àú°Íµé ²Ã¸®´Â ´ë·Î ÃÊÁßµî Çб³ Çлýµé ÇÑÅ× ¹«½Ì±Þ½ÄÀ» ½ÃÇàÇÏ°Ú´Ù°í ÇÏ´Ï!!!
ÀÌ°Ô Àΰ£ÀÌ ÇÒ ¼ö ÀÖ´Â Çൿ°ÅÁö ÀÎÁö, »ý°¢À̳ª ÇÒ ¼ö ÀÖ´Â ÀÏÀΰ¡?
¿ì¸®³ª¶ó ¹ý ¾î´À ±¸¼®¿¡ ÃÊÁßµî Çб³¿¡ Àü¸é ¹«»ó ±Þ½ÄÀ» Ç϶ó°í Çã¿ëµÈ ¹ýÁ¶¹®ÀÌ ¾º¿© ÀÖ³ª?
¹ýÀ» ¹«½ÃÇÏ°í Á¦ ²Ã¸®´Â ´ë·Î »ì°Å¸é, ¹½ÇÏ·¯ À̸¶ºý¿¡ ¶¡ È긮¸ç ³ë·ÂÇؼ µ· ¹ú °Í ¹¹ ÀÖ¾î?
Ä® µé°í, ¸ùµÕÀÌ µé°í ºÎÀÚÁý ´ã ³Ñ¾î°¡¼ ¿©´À ÀÚ»ì·Î µØÁø Áý±ÇÀÚ ¸¶³É ±ÍÁßÇ° ÈÉÃļ ÆȾƴ٠ÆíÇÏ°Ô »ì¸é µÇÁö!!!
±×·¸°Ô ¸·°¡´Â ºÐ´¢¿À¹°(¶Ë¹°)µéÀÌ Çѱ¹»ê °³µé¸¸ µé²ú¾î ¸ðÀÎ °³(¹Î)ÁÖ´ç °³ Àâ·ùÀÇ º»»öÀÌ´Ù!
Àú·¸°Ô Àΰ£ÀÇ Å»À» ¾´ ´Á´ëµéÀÌ ²ú¾î¸ðÀÎ °³ Àâ·ùµéÀÌ Çѱ¹»ê °³(¹Î)ÁÖ´ç ÀÌ´Ù!
Àú °³µéÀº ³ª¶ó¸¦ ÀÏÀ¸ÄÑ Àß »ç´Â ¼±Áø±¹°¡·Î ¹ßÀü ½ÃÅ°´Âµ¥ Àΰ£ÀÇ ¸ñÀûÀÌ ÀÖ´Â°Ô ¾Æ´Ï¶ó, ÇÏ·ç¶óµµ »¡¸® ³ª¶ó°¡ ¸ÁÇؼ ºÏ³è¶¥ ½ÄÀÎ µµ»ìÀÚ(ÑÑ°¡)ÇÑÅ× °í½º¶õÈ÷ ³ª¶ó¸¦ »ó³³Çؼ ¿Â ¹ÎÁ·À» ½ÄÀÎ µµ»ìÀåÀ¸·Î ¸¸µå´Â°Ô Àú ºÐ´¢¿À¹°(¶Ë¹°)µéÀÇ °ñ¼ö¿¡ ¹ÚÀÎ ¼Ò¿ø¼ºÃ븦 ÀÌ·ç´Â ¸ñÀûÀÌ´Ù!
±×·¸Áö ¾Ê°í¼¾ß ¾îÁö ¹éÁÖ ´ë³·¿¡ ±¹¹ýÀ» ¹è¹ÝÇÏ°í ºÒ¹ýÀÇ Èä¾Ç¹üÁúÀ» ÇÒ·Á°í Çϳª?
¹°·Ð, Àΰ£Àº Àڱ⠼ոñ´óÀÌ ¹ß¸ñ´óÀ̸¦ ´Þ°í ÀÖÀ¸¹Ç·Î Á¦°¡ ÇÏ°í½ÍÀº °ÍÀº ´Ù ÇÒ ¼ö ÀÖ´Ù!
±×·¯³ª ±×°Íµµ ±¹¹ýÀÌ Çã¿ëÇÏ´Â Çѵµ ³»¿¡¼ ÇൿÀ» ÇØ¾ß ¿ÇÀº Àΰ£À¸·Î Ãë±ÞÀ» ¹Þ´Â´Ù!
±×·¸Áö ¾Ê°í ¾ö¿¬È÷ ±¹¹ýÀ» ¹è¹ÝÇØ ±¹°¡¿Í ±¹¹Îµé¿¡ ¸·´ëÇÑ ÇÇÇظ¦ ÁÖ´Â ÇൿÀ» ²Ù¿ª²Ù¿ª ÇØ´ë´Â °ÍÀº °µµ»ìÀιü, À¯±«»ìÇعü, ¼ºÆøÇà »ìÇعüÀÎ °È£¼ø ±è±æÅ º¸´Ù ´õ Èä¾ÇÇÑ °ÍµéÀÌ´Ù!
¿Ö³Ä°í¶ó°í¶ó°í¶ó°í¶ó?
Àú°Íµé ²Ã¸®´Â ´ë·Î ÁؾöÇÑ ±¹¹ýÀ» ¹è¹ÝÇÏ´Â Áþ(¹«»ó±Þ½Ä)Àº ¿Â ³ª¶ó¿Í ±¹¹Î¿¡°Ô ±ÝÀüÀû ÇÇÇظ¦ ÀÔÈ÷´Â °ÍÀº ¹°·Ð, ±¹¹ý(ÏÐÛö)À» ¿ì¼·°Ô ¿©°Üµµ µÈ´Ù´Â ¾Ç¿µÇâÀ» Àü ±¹¹Î¿¡°Ô ½É¾îÁÖ´Â Æó¾ÇÀ» ³²±â´Â °ÍÀº °ð ³ª¶ó¸¦ Æó¸ÁÀÇ ±æ·Î ¸ô°í °¡±â ¶§¹®ÀÌ´Ù!
ÀÌ°ÍÀÌ ¾î°¼, ¿¬¼â¼ºÆøÇà»ìÀιü °È£¼ø°ú ¼ºÆøÇà »ìÇعü ±è±æÅ¿¡ ºñÇØ ´õ ¹«¼¿î Èä¾Ç¹ü(±¹»ç¹ü)ÀÌ ¾Æ´Ï³Ä?
Àú°ÍµéÀÌ Àú·¸°Ô °³ ¸Áµ¿À» ºÎ¸®´Â °ÍÀ» º¸¸é ¾ðÁ¨°¡´Â ±â¾îÄÚ Àú°Íµé ÁöÀÚüÀåÀÌ ´ç¼±µÈ Áö¿ªÀº ±ÝÈ£±×·ì ¸¶³É ºÎµµ¸¦ ¸Â¾Æ¼ ³¸Â¦¿¡ ¶ËÄ¥À» ÇØ Àü±¹¿¡ ³¸Â¦À» ¸ø µå´Â ³¯ÀÌ ÇÊ¿¬ÄÚ ¿À¸®¶ó!
±ÝÈ£±×·ìÀÌ ÀÚ±â Áö¿ª ¼¼·ÂÀÌ ±Ç·ÂÀ» ÀâÀ¸´Ï±î ÇÏ´Ã ¹«¼¿îÁÙ ¸ð¸£°í ±â°í¸¸Àå ¿Àµµ¹æÁ¤À» ¶³´õ´Ï µåµð¾î ÀÌÀ¹°í ºÎµµ¸¦ ¸Â¾Æ ¼û±æÀÌ °æ°¢¿¡ ´Þ¸° ²ÃÀ» ¸ñµµÇϳë¶ó¸é ¿Àµµ¹æÁ¤À» ¶°´Â °³µéÀÇ ¸»·Î°¡ ¾îµðÀÎÁö È®¸³µÈ °Í ¾Æ´Ñ°¡!!!
õÇÏ¿¡ ¸÷¾µ ºÐ´¢¿À¹°(¶Ë¹°)µé¾Æ, ¼¼»ó¿¡ °ÅÁ® ÁÞ¾î¸Ô´Â °øÂ¥´Â ¾ø´Ù!!!
| |
|
|
ºÎÁ¤ºÎÆÐÃß¹æ½Ã¹Î¿¬ÇÕȸ(ºÎÃß¿¬)
|
|