2013. 8. 16. 17:46 Web/JQuery
폼 태그 관리 (0) | 2013.08.16 |
---|---|
앵커링크 이동 막기 (0) | 2013.08.16 |
글자크기 조절하기 (0) | 2012.05.22 |
2013. 8. 16. 17:45 Web/JQuery
롤오버 함수 (0) | 2013.08.16 |
---|---|
앵커링크 이동 막기 (0) | 2013.08.16 |
글자크기 조절하기 (0) | 2012.05.22 |
2013. 8. 16. 17:43 Web/JQuery
2012. 5. 22. 09:51 Web/JQuery
(function($) {
$.fn.browserZoom = function(options) {
var defaults = {
curr:100,
rate:10,
max:160,
min:100
};
this.each(function() {
var obj = $(this);
var o = $.extend(defaults, options);
if( o.curr==null ) {
o.curr=100;
}
zoom();
$('.browserZoomIn',obj).click(function() {
o.curr = parseInt(o.curr) + parseInt(o.rate);
if( o.curr>o.max ) {
o.curr = o.max;
}
zoom();
});
$('.browserZoomOut',obj).click(function() {
o.curr = parseInt(o.curr) - parseInt(o.rate);
if( o.curr<o.min ) {
o.curr = o.min;
}
zoom();
});
function zoom() {
try {
$('#whole').css('fontSize', o.curr+"%");
} catch(e) {
// nothing
// alert( e );
}
}
});
};
})(jQuery);
$(document).ready(function(){
try {
$(document).browserZoom();
} catch(e) {
//alert(e)
}
});
=======================================================================
<ul class="btn">
<li><a href="#" class="browserZoomIn" onclick="return false;" title="확대"><img src="/zoomin.gif" alt="확대" /></a></li>
<li><a href="#" class="browserZoomOut" onclick="return false;" title="축소"><img src="/zoomout.gif" alt="축소" /></a></li>
</ul>
롤오버 함수 (0) | 2013.08.16 |
---|---|
폼 태그 관리 (0) | 2013.08.16 |
앵커링크 이동 막기 (0) | 2013.08.16 |