코딩np
loading
본문 바로가기 메뉴 바로가기
자바스크립트로 스타일바꾸기 실전문제

자바스크립트를 이용한 스타일 변형의 예를 들어보자 1. 텍스트를 파란색으로 바꿔라 2. 텍스트에 밑줄을  그어라 (textDecoration을 사용해야 한다) 3. 텍스트 크기를 20픽셀로 바꾸고 오른쪽으로 정렬하라.  아래 그림의 코드를 수정해서 위의 조건을 완성해 보세요 위의 코드를 수정해서 위의 조건을 완성하면 아래 그림이 나온다.       박스안의 글을  누르면 그림이 선명해집니다     소스코딩 보기

카테고리 없음 2024. 10. 31. 19:40
자바스크립트로 스타일 바꾸기 스타일변형

이번에는 자바스크립트를 이용해서 홈페이지의 스타일을 바꾸어 보는 것을 알아보겠습니다자바스크립트를 이용해 팝업창을 띄우는 것처럼 스타일을 바꿀 수도 있습니다 페이지에 'text'라는아이디로 문단을 추가합니다 그리고 링크  텍스트를  'Turn text red'로 바꿉니다.         위 코드는 아이디 'text'라는 구성요소를 가져와서 컬러를 빨간색으로 설정한다는 의미이다. 어떤 스타일이든 이 스크립트를 이용해서 컬러를 바꿀수 있다

카테고리 없음 2024. 10. 16. 12:17
내부자바스크립트: 클릭에 응답하기

CSS와 마찬가지로 '내부자바스크립트'를 이용해 HTML로부터 자바스크립트를 분리할 수 있다. CSS에서는 태그를 사용하지만 자바스크립트에서는   페이지를 로드할때 HELLO THERE!라는 팝업창이 뜨도록 alert라는 명령어를 이용해 자바스크립트를 만들려면 아래의 코드를 웹페이지의  태그앞에 바로 추가한다.   아래 코딩을 입력하고 실행한 결과이다.      위의 코딩을 실행하면 아래와 같은 메시지의 팝업창이 뜬다.     인라인 자바스크립트를 사용할 때는 어떤 요소가 자바스크립트를 구동시키는지 확실하다 onclick 어트리뷰트가 구성요소안에 위치하기 때문이다.  onclick ='alert("hello rob!')'> click me!   그러면 인라인 자바스크립트가 아닌 내부 자바스크립트에서는..

카테고리 없음 2024. 10. 16. 11:26
이전 1 ··· 14 15 16 17 18 19 20 ··· 38 다음
이전 다음

티스토리툴바

이메일: help@abaeksite.com | 운영자 : 아로스
제작 : 아로스
Copyrights © 2022 All Rights Reserved by (주)아백.