길따라 물따라

간단한 html 이미지 슬라이드 html 이미지 슬라이드쇼 간단하게 구현할 수 있는 방법을 올려봅니다. html로 이미지가 움직이게 하려면 소스가 제법 길고 자바스크립트를 이용해야 합니다. 하지만 자바스크립트를 모듈화한 jquery를 이용하면 아주 손쉽게 구현을 할 수 있습니다. 아래의 이미지가 바로 그 모습이다. 어떤가요? 멋지지요? 방법을 보기 전에 먼저 아래 글을 참조해보세요! - jquery를 이용한 이미지 슬라이드쇼, 롤링 이미지 슬라이드쇼를 구현하는 방법은 다음과 같습니다. jquery 소스 링크를 하고요~~ 아래와 같이 div에 cyle-slideshow를 class에 적어주고 옵션으로 cyle-slideshow data-cycle-loader="wait"을 적어주면 됩니다. 이미지 슬라이드..

html에서 특정위치에 문자열 출력 또는 특정위치의 문자열 수정 방법 html 문서 작성중 상황에 따라서 특정위치의 문자열을 수정하거나 출력을 하고 싶은 경우가 있습니다. 이미 표시되어 있는 문자열을 수정하는 방법은 innerHTML을 이용하면 가능해집니다. 원래 표시되는 문자열!!! 클릭하면 바껴요 위와 같이 자바스크립트를 작성합니다. html과 자바스크립트를 이용하여 특정위치의 문자열을 출력하기 위해서는 ID 이름을 정해줘야 자바스크립트에서 컨트롤이 됩니다. ID에 이름을 ch라고 적어주고 자바스크립트에서 ID에 해당하는 내용컨트롤 할 수있습니다. 내용을 추가하거나 수정하거나 삭제하거나 가능해지는것이죠! ㅎㅎ 물론 내용을 숨길수도 있습니다. 아래는 위 코드가 실제로 실행된 화면입니다. 원래 표시되는 ..

과거와 달리 요즘은 xml 이란 말을 많이 들어봤을 것입니다. xml은 eXtensible Markup Language의 약자로 마크업언어에 해당이 됩니다. HTML도 마크업언어인데요~~ XML은 위의 영어에서 볼 수 있듯이 확장이 가능한 마크업 언어를 말합니다. 확장이 가능하다는 것은 사용자가 임의로 정의하여 사용할 수 있다는 의미입니다. 예를 들어서 HTML 은 지정된 태그만 사용할 수 있습니다. 이미 정해진 태그, 약속된 태그가 아니면 사용시 인식을 하지 못해서 그대로 인터넷 화면에 표시가 됩니다. 그런데 XML은 사용자가 임의로 정해서 사용할 수 있는것이죠~ ㅎ 그래서 XML은 정보교환이 용이합니다. 이기종간,이시스템간 정보교환에 주로 활용을 합니다. XML이 탄생된 배경을 보면.. html은 복..