투명하게 변경하기 위한 방법 fadeTo

게시글

여러 옵션을 동시에 넣는 방법

투명도,크기,위치 등을 한꺼번에 변경하는 방법이다 show(),hide() 이런 함수는 display만 사용가능하게 된다 이때 투명하게 되면서 display를 할때는 show("fade") 이런방법도 있지만 점점커지면서,투명에서 선명하게 되면서,보여지는 방법을 사용할때는 약간의 한게가 있을수 있다 이때 사용하면 좋은 방법이다 $("#아이디").animate( { width:($(window).width()) ,height:($(window).height()) ,top:0 ,left:0 ,opacity:1 } ,300 ,function(){ } )

게시글

show() blind사용할때 상하좌우 블라인드 되게 처리하는 방법

$("#아이디").show() 단순히 보여주는 형식이나 블라인드 형식으로 위에서 아래로 좌축에서 우측으로 블라인드 되면서 노출되게 하는 방법이다 열기 $("#아이디").show("blind");//기본은 위아래로 블라인드 된다 $("#아이디").show("blind",{direction:"left"},300,function(){});//좌측으로 블라인드됨 $("#아이디").show("blind",{direction:"right"},300,function(){});//우측으로 블라인드됨 닫기 $("#아이디").hide("blind");//기본은 위아래로 블라인드 된다 $("#아이디").hide("blind",{direction:"left"},200,function(){}); $("#아이디").hide("blind",{direction:"right"},200,function(){});

게시글

투명처리 하는 방법 opacity alpha

기본적으로 opacity:0 사용하면 된다 그러나 IE8은 지원하지 않아 filter:alpha(opacity=0)을 상용하는데 버전에 상관없이 사용하기위해서는 해당 버전에 적용되는 스타일을 모두 적용시키면된다

게시글

iframe 투명하게 처리하기

페이지내에 iframe있는경우 투명하게 처리하고자 하는경우가 있다 allowtransparency='true' 를 통해 투명하게 처리 할수 있다 이때 주의 해야될것이 이렇게 만 하면되는것이아니다 아이프레임.html 페이지에서도 선언해줘야 하는 부분있데 아래의 css를 넣어줘야 정상적으로 적용된다 body{background-color:transparent;}

게시글

shadow 그림자를 넣는 방법입니다

그림자를 넣을때는 box-shadow: 10px 20px 5px #aaaaaa; 를 사용하면된다 box-shadow: (A)px (B)px (C)px (D); A는 left값 B는 top값 C는 그림자의 뿌연정도 D는 색상 위내용을 입력하여 변경하면된다

게시글

테스트를 깜빡 깜빡 하게 하는 효과

텍스트 깜박이는 효과 만들기이다 jquery,자바스크립트 등으로 만들수 있지만 CSS로 간단하게 만드는 방법이다 class="red_to_blue" 선언만 하면 적용된다

게시글

아이디로 스크롤 부드럽게 이동하게 하는 방법

해당 아이디 위치로 부드럽게 이동하게 하는 방법이다 $(function() { var position = $('#이동할아이디').offset(); // 위치값 $('html,body').animate({ scrollTop : position.top }, 1000); // 1초동안 이동 }); 1초동안 부드럽게 스크롤 된다 한줄로 처리하기 위해서 $('html,body').animate({ scrollTop : $('#이동할아이디').offset().top }, 1000); 이런식으로도 가능하며 바로 이동하게 하려면 1000를 0초로 바꾸면 바로 이동한다

게시글

스타일 여러게를 한꺼번에 변경하는 방법

스타일 여러게를 한꺼번에 변경하는 방법 여러옵션을 사용하는 방법이다 {}를 통해서 사용할수 있으며 형식은 {"옵션명1":"값1","옵션명2":"값2"} 이런식으로 사용한다 다음은 예시이다 $(this).css({'border':'2px solid #f9cd00','padding':'0px'}) 하나만 사용할때는 {} 없이 "옵션1","값1" 이런식이다 다음은 예시이다 $(this).css("border","2px solid #f9cd00");