'skill/HTML.Javscript.CSS' 카테고리의 글 목록 (2 Page)

skill/HTML.Javscript.CSS 27

다음은 https://kr.vuejs.org/v2/guide 에서 참고하여 작성 한 글입니다. {{ message }} 내 위에 잠시 마우스를 올리면 동적으로 바인딩 된 title을 볼 수 있습니다. 이제 나를 볼 수 있어요. {{todo.text}} {{message}} 메시지 뒤집기 {{message}}

skill/HTML.Javscript.CSS 2019.02.08

위 화면 고정, 컨텐츠 화면 스크롤 시키기_javascript, css, html

header 부분 고정 시키고, contents 부분 스크롤 하는 방법 javscript / css / jquery /css * html // header 부분 // contents 부분 * csshtml, body {overflow:hidden;} header {50px} article {height:100%;overflow-y:auto} 세로 길이만 확장할 거에요~ 보통 앱 만들때 세로만 확장하고 가로는 안하시죠? ??? 여기까지는 보통 하셨을거에요~ 근데 적용안되시죠? 아래 코드가 들어가야합니다. * javascript $(document).ready(function() { // 화면 로딩 완료 후 layout(); }); $( window ).resize(function() { // 화면 크기 변..

skill/HTML.Javscript.CSS 2017.01.17

자동 색 변경_javascript, jquery

html 화면 구성시 포인트 주고 싶을때! java / jquery / css / html * javascript var color_arr = ["#ff0000","#0006ff","#dde663","#000","#179850"]; //색상설정 var index=0; $(document).ready(function() { setInterval(function(){ if((index) > color_arr.length){index=0;} $([ID값]).css("border-color",color_arr[index++]) }, 500); // 500ms 로 변경 });전 밑줄에 포인트 주고 싶어서 사용했어요. 색이 빨강, 파알, 노랑, 흰색, 초록 으로 변경 되는걸 보실 수 있을거에요. (위 색상이 정확히..

skill/HTML.Javscript.CSS 2017.01.17

공지사항롤링_javascript, css, html

공지사항롤링 html, css, javascript 작업하면서 좋은 정보 올려드립니다! 공지사항 롤링하고 싶은데.. 우선 jquery 등록합니다. (위, 아래로 롤링법) * 기본 소스 구조 많은 이용 바랍니다 오늘 방문자 : 99명 li 항목 롤링 해보겠습니다~ * cssdiv {padding-left:10px;width:100%;overflow:hidden;} ul {height:20px;} ul li {width:100%;height:25px;margin-top:5px} *scriptvar isBoard = true; $(document).ready(function() { setInterval(function(){ if(isBoard){ $("#notice li").eq(0).animate({'mar..

skill/HTML.Javscript.CSS 2017.01.17

헤더부분 고정 시키고 내용부분 스크롤 시키기

-- style html, body {overflow:hidden;} article {width:100%;height:100%;overflow-y:auto;} -- html body 고정 스크롤 영역

skill/HTML.Javscript.CSS 2016.12.19

iframe 전체화면

iframe 전체화면 채우기 / border 없애기 / 다른 링크화면 띄우기

skill/HTML.Javscript.CSS 2016.12.19

javascript 이미지 width 처리

javascript image width값 처리 / 갑자기 이미지 크기가 안맞아요 / 이미지 크기 변경 $('#div).find('img').each(function(){ $(this).load(function(){ // 이미지 로딩 전 까지 스크롤 여부 기다림 // $(this).css('width') 이미지 layout 변경 영역 }); });

skill/HTML.Javscript.CSS 2016.12.18

javascript alert 확인, 취소 선택

var select = confirm("정말 삭제 하시겠습니까?"); if (select == true) { alert("예"); } else { alert("아니오"); }

skill/HTML.Javscript.CSS 2016.12.18