'프로그래밍/HTML, CSS, JavaScript'에 해당되는 글 61건
자바스크립트 replace 문자 모두 바꾸기 - 예제/실습
자바스크립트 함수에는 특정문자를 바꾸는 기능을 하는 replace라는 함수가 있습니다. 그러나 이 함수는 특정문자에 대하여 단 한번만 변경하게 됩니다. 그렇다면 특정문자를 모두 변경 하고자 할 때 어떻게 하면 되는지 알아 보도록 하겠습니다. 예를 들어 콤마를 모두 제거하고 싶거나 특정문자를 다른 문자로 모두 변경하고자 할 때 입니다. ■ 한번만 변경하게 되는 기본 사용방법 ..
HTML/CSS 이미지효과 - 마우스 오버시에 텍스트 보이기 예제소스
이미지에 마우스를 오버했을 경우 텍스트 문구가 보여지는 효과를 주는 예제를 알아 보도록 하겠습니다. 전체소스 <!DOCTYPE HTML><head> <title></title> <style> .imgBoxDiv{ width: 300px;&nbs..
체크박스 클릭 시 해당 테이블 줄 배경색 변경하기
테이블 안 체크박스를 클릭하면 해당 Row의 배경 색이 변경되는 코딩 방법을 알아 보도록 하겠습니다. 자바스크립트를 사용하여 간단하게 체크 된 라인의 배경색을 변경 할 수 있습니다. 먼저 전체 소스를 살펴 보도록 하겠습니다. 전체소스 <!DOCTYPE html><head> <title>체크박스 클릭 시 해당 테이블 줄 배경색 변경하기..
[HTML/CSS] DIV 중앙, 가운데 배치하기
DIV를 웹화면 중앙에 배치하는 방법에 대하여 알아 보도록 하겠습니다. 블로그를 하거나 웹화면을 만들 때 content 배치를 center 또는 middle로 하고자 할 경우가 있습니다. 그런 경우 간단하게 CSS속성으로 중앙 배치를 할 수 있습니다. 핵심 CSS 태그 - position:absolute; → 절대 위치를 적용하기 위해..
