이미지 변경하기 attr()

게시글

마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법

이미지에 마우스를 오버했을경우 이미지 안쪽으로 테둘이를 넣는 방법이다 바깥쪽으로 테두리를 넣게되면 이미지영역이 커져서 깨지는 경우가 발생되기 때문에 안쪽에 넣은것이다 a.image01, a.image01 img {float:left;overflow:hidden;} a.image01:hover{border:4px solid #DDDDDD;} a.image01:hover img {margin:-4px;}

게시글

부모창에서 자식창(iframe)에 변수,함수 접근하는 방법

자식창에 선언해 놓은 함수나 변수를 접근할수 있다 $('#iframe').get(0).contentWindow.변수명; $('#iframe')[0].contentWindow.변수명; $('#iframe').get(0).contentWindow.함수명; $('#iframe')[0].contentWindow.함수명; 자식창에 id,함수를 접근하는 방법이다 $('#iframe')[0].contentWindow.$('#_parent').height();//높이 100을 가져올수 있다 $('#iframe')[0].contentWindow.js_parent();//함수를 실행할수 있다​

문자치환 변환 함수 입니다 str_replace() 가 아닌 태그는 제외하고 문자를 치환하

www.moayo.net

https://youtu.be/KI6zAFFuYqA 문자를 치환하는 함수는 str_replace() 함수가 있습니다 이함수는 텍스트의 모든 내용을 바꾸는 함수 입니다 그러나 태그를 제외하고 문자를 바꾸고자 하는경우가 있습니다 이때 사용하는 함수 입니다 내장함수는 아니고 사용자 정의 함수입니다 tag_exce_replace(); //태그를 제외하고 문자변경 function tag_exce_replace($str,$replace,$content){ $A=explode("

게시글

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

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

게시글

체크시 텍스트 문구 변경하는 방법

체크할때 텍스트를 바꾸는 방법은 많이 있다 아이디를 선언해서 해당 이벤트 발생시 처리 하는 방법이 있는데 그렇게 하지 않고 아이디 하나만 선언하고 태그내에서 parent()를 활용해서 접근한후에 텍스트를 교체하는 방법이다 여러게의 아이디를 사용할필요가 없어 간편하고 유지보수가 비교적 편리한 편이여서 즐겨사용하는 방법이다 //맵선택했을경우 바로 색상변경 function mapcheckbox(_this){ if($(_this).is(":checked")==true){ $(_this).parent().attr("class","checkbox_text_on"); }else{ $(_this).parent().attr("class","checkbox_text_off"); } } .checkbox_text_on{color:#000000;} .checkbox_text_off{color:#dddddd;} 테스트

게시글

이미지를 커팅하는 방법

실제로 이미지가 커팅되는것이 아닌 보여지는 부분을 제한 하는 형식이다 CSS로 특정 이미지 만큼 잘라서 보여주기

게시글

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

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

게시글

이미지,프레임 사이즈등 변경하는 정규식

이미지,프레임 사이즈등를 변경하 고자 할때가있다 그럼 해당 width,height 값을 변경해야되는대 해당부분만 고치기 위해서는 정규식이 필요하단 $ext1_1=preg_replace("!width=\"(.*?)!is",'width="400"',$ext1_1);//자동사이즈 조절 $ext1_1=preg_replace("!height=\"(.*?)!is",'height="300"',$ext1_1); width=400,height=300사이즈로 변경하는 정규식이다 유트브에서 "