728x90 300x250 SMALL 분류 전체보기1121 css 말줄임효과 붙이기 보통 최신게시물 보기 코딩시에텍스트가 공간을 넘어가게 들어올경우 잘라주고 말줄임표시를 해주는 방법 12345678.reduced { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100px; overflow:hidden;} ▷ text-overflow : 글자가 지정한 공간을 넘어갈경우 처리하는 방식을 설정해줄수 있다. clip : 기본값ellipsis : 말줄임표로 처리 / 부모요소의 너비가 auto일 경우 적용할수 없다.ingerit : 부모요소와 동일 ▷ white-space : 줄바꿈, 들여쓰기, 공백처리 방식을 선택할수 있다. normal : 기본값 공백이 여러개여도 1개로 처리한다.nowrap : 공백이 여러개여도 1개.. 2019. 1. 28. 형변환을 이용한 배경 초마다 변경하기 3초에 한번씩 랜덤으로 배경색 변경 12345678$(document).ready(function(){ setInterval(function(){ var color = Math.random()*0xffffff; // 0~ffffff 사이의 랜덤 색 만든다 이때 결과는 10진수 color = parseInt(color); // 실수를 정수로 형변환 color = color.toString(16); // 정수를 16진수 문자로 변경 $("body").css("background-color", "#"+color); // 문자로 된 색상으로 최종 배경색 변경 },3000); }) 2019. 1. 27. 컨텐츠 세로가운데 오도록하는 코딩방법 대상 요소가 한줄일 경우부모요소 text-align : center; line-height : height값; 자식요소 : margin:0 auto; line-height:height값; display:table 사용방법부모요소 : display:table;자식요소 : display:table-cell, text-align:center; vertical-align:middle; position:absolute; 사용1 : 흔하게 사용되지만 영역이 없어지기 때문에 반응형 할 때 사용하기 불편하다 부모요소 : position:relative;자식요소 : position:absolute; top:50%; left: 50%; margin-top:-(height값 절반); margin-left:-(width값 절.. 2019. 1. 25. 문자를 숫자로 숫자를 문자로 형변환 prompt 형변환 : 숫자를 문자로 문자를 숫자로 바꾸는 것 예를 들어서 입력받은 값을 숫자로 바꿔서 연산해보자 123var num = window.prompt("값을입력해주세요"); num = parseInt(num)+10; alert("결과 값은? "+num);cs prompt() 를 사용해서 입력값을 받을수 있다. var 변수 = window.prompt("인풋박스에 출력할 메시지", "기본 입력 값"); 형변환의 종류▶ 암시적형변환 - 자바스크립트에 의해 자동으로 형변환이 일어나는것 document.writs("result="+result); ex) num = 10 + "10"; 숫자 + 문자 인경우 자바스크립트에서 그냥 숫자로 형변환을 해버린다. 숫자형 + 문자형 = 문자형 var a=10+"10" //a.. 2019. 1. 24. 이전 1 ··· 262 263 264 265 266 267 268 ··· 281 다음 728x90 반응형 LIST