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

게시글

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

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

게시글

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

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

게시글

iframe 투명하게 처리하기

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

게시글

팝업창 옆에 팝업창 띄우기

팝업창을 띄울때 top,left는 고정되는데 상대적인 위치에 팝업창을 띄우고자 할때 사용하는 방법 var nWidth = "260"; var nHeight = "430"; // 듀얼 모니터인경우 var curX = window.screenLeft; var curY = window.screenTop; var curWidth = document.body.clientWidth; var curHeight = document.body.clientHeight; var nLeft = curX + (curWidth / 2) - (nWidth / 2); var nTop = curY + (curHeight / 2) - (nHeight / 2); var strOption = ""; strOption += "left=" + nLeft + "px,"; strOption += "top=" + nTop + "px,"; strOption += "width=" + nWidth + "px,"; strOption += "height=" + nHeight + "px,"; strOption += "toolbar=no,menubar=no,location=no,"; strOption += "resizable=yes,status=yes"; window.open(src, '', strOption);

게시글

이미지 변경하기 attr()

태그내 속성을 변경하고자 할때 사용하는 attr()함수이다 이미지 변경 뿐만아니라 클래스명 변경 사이즈변경 모든것이 가능하다 이미지 변경하는 방법 마우스 오버시 이미지주소1로 변경된다 $("#_index_banner").attr("src","이미지주소1");

게시글

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

게시글

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

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

게시글

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

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