본문 바로가기

반응형
   

전체 글

(1624)
jQuery eq를 활용해 태그 선택 예제 jQuery eq를 활용해 태그 선택 예제 소스 번호 홍길동1 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-15 번호 홍길동 서울시 영등포구 하하하 2012-01-1..
jQuery eq 태그를 활용한 태그 삭제 jQuery eq 태그를 활용한 태그 삭제 소스 function Select() { // ':' 필터(filter) //$("#list1 li").css("color", "red"); //$("#list1 li:first").css("color","orange"); //$("#list1 li:last").css("color","orange"); //$("#list1 li:last").css("display","none"); $("#list1 li:eq(1)").css("color", "white"); } 첫번째 항목 두번째 항목 세번째 항목 네번째 항목 결과화면
jQuery 선택자 Selectors 란 무엇인가? jQuery 선택자 Selectors 란 무엇인가?결과화면 소스 Selectors function Test() { //1. jQuery("*").css("border", "1px solid red"); //8. //jQuery(":button").css("border", "1px solid red"); //9. //jQuery(":checkbox").css("border", "1px solid red"); //10. //jQuery(":radio").css("border", "1px solid red"); //11. //jQuery(":input").css("border", "1px solid red"); //12 //jQuery(":password").css("border", "1px solid red..
Jquery 함수 사용법, onload, css컨트롤 Jquery 함수 사용법, onload, css컨트롤 http://docs.jquery.com/Main_Page사이트에서 파일2개를 다운받고 소스코드에서 임포트해야 한다. 결과화면.소스 JQuery첫번째~ function Test() { //1. Javascript DOM //document.getElementById("div1").style.backgroundColor = "yellow"; //2. jQuery //jQuery("#div1").css("background-color", "red"); //$("#div1").css("background-color", "red"); //a. 태그선택자 //$("input").css("background-color", "red"); //b. id선택자 //$..
Javascript 약관동의 소스DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> div, input, label { font-size:12px; } #div1, #div2, #div3 { width:500px; margin:10px; } #div1 { height:100px; overflow:auto; border:1px solid black; padding:10px; } function Agree(b) { document.getElementById("btn1").disabled = b; } 약관 : 본사이트에서 동의하십니까염그리고본사이트에서 동의하십니까염그리고본사이트..
Javascript hidden, visible 컨트롤 소스DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> #div {text-align:center;} #bigDiv { width:500px; height:500px; border:2px solid black; margin:0px auto; background-color:#afafe7; } #smallDiv { width:400px; height:70px; border:1px solid black; margin:5px auto; } .small { width:65px } #big { width:300px; margin-top:70px; } fu..
Javascript 검색창 광고후 텍스트 모드시 백이미지 없애기 소스DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> #txt1, #btn1 { background-color:black; color:white; font-weight:bold; } #search { /*background-image:url(images/sp_fms.gif);*/ /*background-repeat:no-repeat;*/ /*가로는 가운데 세로는 현재위치(0)*/ /*background-position:center -18px;*/ /*background-position:center -40px;*/ /*background-pos..
Javascript css 제어 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> function Test() { var div = document.getElementById("div1"); //자바스크립트로 CSS 제어, 패턴이 단하나(모든스타일리스트 제어 가능) //1. 모든 태그는 style 속성이 있음 //div.style //2. style속성 뒤에 모든 CSS의 표현을 추가 // a. '-'는 삭제 // b. 각 단어의 첫문자는 대문자 // c. 모든 속성값은 "값" 형식으로 div.style.backgroundColor = "red"; div.style.font..

반응형