ÀÛ¼ºÀÚ : ±¹¹Î»ý°¢
ÀÛ¼ºÀÏ : 09-08-10
Á¶È¸¼ö : 433
Ãßõ¼ö : 3
|
¹øÈ£ :283,816
|
¿©·Ð 1¹øÁö
|
[ÁÂÆÄ ¹Ú¸ê]¹ÎÁÖ´ç Àå¿ÜÁýȸ¿¡´Â, ´ã³Ñ¾î¿¡¼ ¿À¹°(çýÚª)À» ³¢¾î ¾ñ¾î¾ß!!! Á¶È¸¼ö : 0, 2009-08-10 11:45:37 ¼öÁ¤ »èÁ¦
|
ºÎÃß¿¬
|
|
Á¶È¸¼ö : 0, 2009-08-10 11:45:37 ¼öÁ¤ »èÁ¦ |
|
|
<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>
|
Çö ¹ÎÁÖ´çÀº ±¹È¸¿¡¼ ¹Ìµð¾î¹ýÀÌ Åë°úµÈ µ¥¿¡ ´ëÇØ ¾Ç¶öÇÏ°Ô ³¡°£µ¥ ¾øÀÌ ¹Ý´ëÇϸç Àå¿Ü·Î ¶ÙÃijª°¡ Çѱ¹ÀÇ ¹ÎÁÖÁÖÀǸ¦ Àηù°¡ ¹ß°Å¹þ°í »ì´ø ¿ø½Ã½Ã´ë ¾ß¸¸Á· Áý´Ü ¹Ì°³»çȸ¸¦ ¸¸µé°í ÀÖ´Ù!
Àú°ÍµéÀÌ ÀúÅä·Ï ¾Ç¶öÇÏ°í ±Ø·ÄÇÏ°Ô ¹Ý´ë¸¦ À§ÇÑ ¹Ý´ë¸¦ ȹåÇÏ´Â °ÍÀº
ù°·Î, Á¤±¹À» À̲ø¾î°¥ ´É·ÂÀÌ ÀüÇô ¾ø°í ¹Ù´Ú³ °ÍÀ» µå·¯³»´Â °ÍÀÌ Ã¢ÇÇÇϴϱñ ¹«Á¶°Ç ¶¼°ÅÁö¿Í ¾Çµû±¸´Ï·Î Á¤±¹À» ÈÖÁ®¾î ´ë´Â °ÍÀÌ°í,
µÑ°·Î, Àü¶óµµ Ãâ½ÅµéÀº ¼¼»óÀ» ¶È¹Ù¸£°í °ÇÀüÇÑ ½Ã°¢¿¡¼ »çŸ¦ ÆľÇÇÏ´Â °Ô ¾Æ´Ï¶ó ²À ¹º°¡ Çϳª ´ú ¾ò¾î¸ÔÀº µíÇÑ ÇÇÇظÁ»óÀ¸·Î ¼¼»óÀ» º¸±â ¶§¹®¿¡ ±× Àڽŵµ ¸ÁÇÏ°í ÁÖÀ§ »ç¶÷¿¡°Ôµµ ÇÇÇظ¦ ÁÖ°í ÀÖ´Ù!
ÀÌ°ÍÀº °ð ±× Àΰ£ ÀÚ½ÅÀÌ Àΰݿ¡ ÇÏÀÚ°¡ ÀÖ¾î¼ ²À ÀÚ½ÅÀÌ ¹º°¡ Çϳª¸¦ ´ú ¾ò¾î¸ÔÀº °Í°°Àº ¸Á»ó¿¡ ºüÁö´Â °ÍÀÌÁö Ä¡¿ÇÑ »ýÁ¸°æÀï »çȸ¿¡¼ ´©°¡ ´©±¸¿¡°Ô Çϳª¸¦ ´õ ÁÖ°í ´ú ÁÖ°í Çϰڴ°¡?
°á±¹Àº, ÀÚ½ÅÀÇ °áÇÔÀÖ´Â ÀΰÝÀÌ ¹®Á¦ÀÎ °ÍÀÌÁö ¾Æ¹«µµ °íÀÇÀûÀ¸·Î ºÒ°øÆòÇÑ Ã³¿ì¸¦ ÇÏÁö ¾Ê´Â´Ù!
±×·±µ¥µµ Àú°Íµé ¸¶Ä¡ ³²Àº ¹è¶¼±â ¹ú¾îÁö°Ô Àß ¸Ô°í Àß »ç´Â ÁÙ·Î ¾Ë°í ÀÚ±â´Â ²À ¹º°¡ Çϳª¸¦ ´ú ¾ò¾î ¸Ô°íÀÖ´Ù´Â ¸Á»ó¿¡ ¼·ÎÀâÇô ÀÖ¾î¼ Ç㱸ÇÑ ³¯ µ¥¸ð¿Í Æøµ¿°ú ³µ¿°ú Æı«·Î ¼¼»óÀ» ´õ·´È÷´Â °ÍÀÌ´Ù!
Áö±Ý ±¹È¸¿¡¼ Åë°úµÈ ¹Ìµð¾î¹ýµµ ¸¶Âù°¡Áö´Ù!
¼¼»óÀº ³¯¸¸ »õ¸é ÇÏ·ç°¡ ¸Ö´ÙÇÏ°í ¹ßÀü Çϴµ¥, ¿ÀÁ÷ ¹Ìµð¾î ¾ð·Ð¹ý¸¸ ¿¾³¯ È£¶ûÀÌ ´ã¹è ÇÇ´ø ½ÃÀý ¹Ì°³ÇÑ ¹ýÀ» °¡Áö°í ±×³É ±×´ë·Î Àû¿ëÇØ ±¹°¡¿Í »çȸ¸¦ ²Ù·Á ³ª°¡ÀÚ´Â °ÍÀº ÇÑ ¸¶µð·Î Àΰ£À̱⸦ °ÅºÎÇÏ´Â Áü½ÂÀÇ ÁþÀÏ »ÓÀÎ °ÍÀÌ´Ù!
±×·¸´Ù¸é ÀÌ ´ë¸íõÁö ±¤¸íÇÑ ¼¼»ó¿¡ ÀÚµ¿Â÷´Â ¹½ÇÏ·¯ Ÿ°í ´Ù´Ï¸ç, ÄÄÇ»ÅÍ´Â ¹½ÇÏ·¯ °¡µ¿ÇØ Ã·´ÜÀÇ ½Ã´ë¸¦ ±¸°¡ÇϳÄ?
¿¾³¯, ¹°°í±â Àâ¾Æ¸Ô°í »ç½¿ »ç³ÉÇؼ ±¸¾î¸Ôµç ±¸¼®±â ûµ¿½Ã´ë·Î µ¹¾Æ°¡¼ Åä±¼À» ÆÄ°í µé¾î°¡ »ì °ÍÀÌÁö!!!
±×·¸Áö ¾Ê³Ä, Á¤¼¼±Õ°ú ÀÌ°·¡ µî ¹ÎÁÖ´ç Àΰ£ÀÌ ¾Æ´Ñ Áü½Âµé¾Æ!!!
Àú·±°Íµé ÇÑÅ×´Â Àå¿Ü Áýȸ¸¦ ÇÏ°Åµç ´ã ³Ñ¾î¿¡¼ ¿À¹°À» ³¢¾î ¾ñ°í ¼û¾î¹ö·Á ´©±¸ÇÑÅ× ´çÇÑÁöµµ ¸ð¸£°Ô °ñÅÁÀ» ¸Ô¿©¾ß ÇÑ´Ù!
Àú°Íµé ´«¿¡ ¶çÀÌÁö ¾ÊÀ¸¸é ¹ýÀ» ¾î±â´Â °Ô ¾Æ´Ï´Ù!
¾Æ¸¶, ¸ðµç ±¹¹Îµé ¸¶À½ÀÌ ´Ù ÀÌ·¯ Çϸ®¶ó!!!
| |
|
|
ºÎÁ¤ºÎÆÐÃß¹æ½Ã¹Î¿¬ÇÕȸ(ºÎÃß¿¬)
|
|