전체 글 (1624) 썸네일형 리스트형 Javascript mouseover DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> //onmouseover : 태그에 마우스가 올라갈때 발생 //Show(this) 복사 한다 obj로 function Show(obj) { //onmouseover : 태그에 마우스가 올라갈때 발생 //alert("이미지가 올라갔습니다."); //롤오버이미지 - 메뉴, 아이템 //다른태그도 가능하다 img 태그외에도 //document.getElementById("img1").src="images/angry.png"; //이미지태그를 통쨰로 넘겨준것이다. obj.src = "images/ang.. Javascript InnerHTML Javascript InnerHTML소스 function Test() { //태그 접근 -> 조작 var link = document.getElementById("link1"); //태그가 가지고 있는 속성을 자바스크립트에서 접근 link.href = "http://www.gogle.com"; link.title = "구글"; //시작태그와 끝태그 사이의 텍스트 접근 link.innerText = "구글"; } function Test2() { var div = document.getElementById("div1"); //div는 a, img와는 틀리게 태그상에 속성이 식별자 외엔 없다. title 태그, 와 innerText는 모든태그 적용 가능 //alert(div.innerText); //div... open속성과 자식창과 대화 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> function Test() { //브라우저창 -> 브라우저창 생성(자식창) //새창 뛰우기 //open 속성은 매개변수가 3개 //1. (url or local경로 만든페이지도 가능, 2. name, 3. options) //2. name 의 경우는 내부적으로 윈도우가 구분하기위해 되어있는 이름이다. //3. option의 경우는 자식창의 크기를 지정할수 있다. 기본적인 브라우저 상태는 없어지고 깨끗한 상태만 나온다 //옵션값으로 부모화면을 표현해 낼수 있다. var str = "zzarun.. CSS 쇼핑몰 예제 CSS 쇼핑몰 간단 예제 zzarungna 공부중 div, span { font-style:돋움; font-size:12px; color:#8e8e8e; } #start { border:1px solid black; width:910px; } #img_ctl_a { position:absolute; left:30px; } #img_ctl_b { } table .listtbl { border-right:1px dotted #969696; padding-right:15px; padding-left:15px; } #product { font-size:14px; color:#7b7b7b; font-weight:bold; } #product_cmt { font-size:11px; color:#8c8c8c; pad.. Javascript window 함수 소스DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> function Test1() { //현재 창의 크기를 변경(pixel) //window.resizeTo(10, 10);//절대값 window.resizeBy(-10, -10); //상대값 } function Test2() { //window.moveTo(-100, -100);//절대값 window.moveBy(0, -10); } function Test3() { setInterval("Test1();", "100"); } function Test4() { //window는 최상위이며 유일.. Javascript 대화상자 종류 실행화면 소스DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Javascript 날짜 시간 함수 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> #txtTime { border:10px black solid; font-size:20pt; font-weight:bold; text-align:center; width:300px; } function ShowTime() { //1. 현재 시간 얻어오기 var now = new Date(); //alert(now); //alert(now.toLocaleString()); //alert(now.getYear());//년 2자리로 표현 //alert(now.getFullYear());//년4자리로.. Javascript 함수의 매개변수란 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> //자바스크립트 함수 선언은 안에서.. //1. 단순 함수 function Hello() {//함수의 본문(body) - 실행할 코드 집합 alert("안녕하세요...김종현님"); } //2. 인자값 있는 함수 function Hello2(name) {//name : 인자(변수) var라는 선언문이 빠진것 뿐이다. //name = "KJH"; alert("당신의 이름은" + name + "이 맞습니까?"); } //Hello2('KJH'); //Hello2('이번엔 다른걸 던져줄게'); 이전 1 ··· 196 197 198 199 200 201 202 203 다음
