iframe 투명하게 처리하기

게시글

투명처리 하는 방법 opacity alpha

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

게시글

아이프레임 처럼 스크롤바를 넣고 싶은경우

특정위치의 내용의 가로 세로 사이즈가 고정되어 야 하는경우가있다 이때 범위가 벗어나면 안되는경우가 있는데 벗어나게되면 전체적인 디자인이 깨지거나 하는경우이다 이때 사용하는 방법이 스크롤이 생기게 하는방법인데 아이프레임으로 스크롤을 처리해도 되지만 스타일로 간단하게 처리하는 방법이있다 아이프레임 효과 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 가로세로 300px가 넘어가는 경우 자동으로 스크롤 처리하는 부분이다 overflow:auto; 부분으로 스크롤이 없다가 사이즈가 오버되면 그때 스크롤이 생긴다

게시글

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

$("#아이디").fadeTo(1000, 0.5); //1초동안 0.5투명도로 변경함 $("#아이디").show("fade");//투명 -> 보여짐 $("#아이디").hide("fade");;//보여짐 -> 투명

게시글

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

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

게시글

프레임이 여러게 있는경우 접근하는 방법

parent.parent.$("#아이디1").contents().find("#아이디2").contents().find("#아이디3") 중복으로 contents().find("#아이디") 사용가능하다

게시글

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

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

게시글

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(){});

게시글

백그라운드 이미지에 padding값을 주는 방법

백그라운드를 노출할때에 공간을 띄우고 하고 싶을때가 있다 이럴때 다음과 같이 하면된다. style="background-image:url('이지지경로'); background-position:10px 20px;" x=>10px y=>20px 띄우게된다