'Web/JQuery'에 해당되는 글 4건

롤오버 함수

2013. 8. 16. 17:46 Web/JQuery


:: 마우스, 키보드 제어시 이미지 변경하기

 $('.rollover').mouseover(function(){
  $(this).find('img').attr('src', $(this).find('img').attr('src').replace('_off', '_on'));  
 })
 $('.rollover').mouseout(function(){
  $(this).find('img').attr('src', $(this).find('img').attr('src').replace('_on', '_off'));  
 })


출처: http://cafe.naver.com/ArticleRead.nhn?clubid=16616426&page=1&menuid=111&boardtype=L&articleid=7030&referrerAllArticles=false 

'Web > JQuery' 카테고리의 다른 글

폼 태그 관리  (0) 2013.08.16
앵커링크 이동 막기  (0) 2013.08.16
글자크기 조절하기  (0) 2012.05.22

폼 태그 관리

2013. 8. 16. 17:45 Web/JQuery


:: 폼태그 타입별 클래스 일괄적용하기

$('input[type="text"]').addClass('text');

$('input[type="radio"]').addClass('radio');
$('input[type="checkbox"]').addClass('checkbox'); 
$('select').addClass('select'); 

출처: http://cafe.naver.com/ArticleRead.nhn?clubid=16616426&page=1&menuid=111&boardtype=L&articleid=7030&referrerAllArticles=false 

'Web > JQuery' 카테고리의 다른 글

롤오버 함수  (0) 2013.08.16
앵커링크 이동 막기  (0) 2013.08.16
글자크기 조절하기  (0) 2012.05.22

앵커링크 이동 막기

2013. 8. 16. 17:43 Web/JQuery


:: a태그에 페이지 이동이 없는 링크를 넣는 경우 사용

$('a[href="#"]').click(function(event) {
    event.preventDefault();      
 })


출처: http://cafe.naver.com/ArticleRead.nhn?clubid=16616426&page=1&menuid=111&boardtype=L&articleid=7030&referrerAllArticles=false 

'Web > JQuery' 카테고리의 다른 글

롤오버 함수  (0) 2013.08.16
폼 태그 관리  (0) 2013.08.16
글자크기 조절하기  (0) 2012.05.22

글자크기 조절하기

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>

'Web > JQuery' 카테고리의 다른 글

롤오버 함수  (0) 2013.08.16
폼 태그 관리  (0) 2013.08.16
앵커링크 이동 막기  (0) 2013.08.16
Copyright © HuckleberryM All Rights Reserved | JB All In One Designed by CMSFactory.NET