분류 전체보기140 placeholder기능 자바스크립트로 구현 코딩 2014. 10. 2. placeholder가 모바일에서 안먹거나 IE에서 안먹을 때가 있다. text박스일때는 value값을 넣어서 onfocus이벤트가 생기면 value값 초기화 시킴. 비밀번호 일때는 value값이 한글로 표기가 안되므로 text박스를 하나 만들고 클릭하면 password 인풋박스가 보이도록 스크립트를 짠다. ------------------------------------------ 간단하게 스크립트삽입 제이쿼리가 필요없는 스크립트이다. js파일안에 ccc를 검색하면, 플레이스홀더 폰트 색상을 변경할 수 있다. 사용법은 그냥 그대로 이런식으로 사용하면 된다. 참조 링크 http://jamesallardice.github.io/Placeholders.js/ placeholder 스크립트 코딩 2014. 10. 2. input에 value값준거 텍스트 클릭시 없애기 또는 focus 됐을 때, value값을 빈값으로 넣고, value가 처음과 다른 값이면 그대로 두기. [글자수 제한 css] 말줄임 css 코딩 2014. 9. 3. 글자수가 많은경우 가로 사이즈에 맞춰서 글자수 제한을 걸어야 할 때가 있다. 예를들면 게시판 영역의 제목부분 같은경우? css로 간단하게 해결해주는 방법이 있었다니..... substr과 같은 기능을 해주는 css.. 테스트하는 중입니다.테스트하는 중입니다.테스트하는 중입니다.테스트하는 중입니다.테스트하는 중입니다. 가로 크기에 맞춰서 글자가 길어지면 ...으로 표기해준다. 반응형일때는 max-width를 사용하여 영역을 잡아줌. Flex 레이아웃일 때는 .str을 감싸는 영역에 overflow:hidden 해줌 간혹 제목같은곳에 링크 걸 경우 string처리가 안될떄가 있는데 이유는 a요소가 inline이 아닐때 생긴다. inline으로 변경하면 잘 된다. **상위가 table이 있으면 안되는 경우가 .. [제이쿼리] 제이쿼리 모바일 참고 사이트 코딩/제이쿼리 2014. 9. 3. 제이쿼리 모바일 기본 ui 테마 변경할 수 있는 사이트. 다운로드도 가능하고 직접 쉽게 바꿀 수 있다. http://themeroller.jquerymobile.com/ 제이쿼리 기본 ui 아이콘을 볼 수 있고 사용하는 방법도 나와있다. http://demos.jquerymobile.com/1.4.3/icons/ 메뉴를 보면 버튼스타일이라든지 체크박스, 그리드 잡는 법 등등 기본적인 공부하기에 유용함. [크로스 브라우징] 투명도 속성 코딩 2014. 9. 1. 익스플로러에서 투명도 opacity속성이 먹지 않는 이슈가 있다. alpha 속성을 사용해야 함. .transparent_class { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; filter: alpha(opacity=0); [제이쿼리] 스타일 중복으로 넣을때 소스, 중복스타일, 테이블선택자 코딩/제이쿼리 2014. 9. 1. /* 짝수 tr 영역 */ $(document).ready(function(){ $('table.basic').find('tr:nth-child(even)').children().css({color:'#585858',backgroundColor:'#f1f2f3'}); }); {}대괄호로 묶고 그 안에 속성을 나열한다. DIVTEST 백그라운드 포지션같은경우 $(".quick ul li a").hover(function(){ $(this).css("background-position-y","-63px"); }, function(){ $(this).css("background-position-y","0"); }); 보호글 카테고리 없음 2014. 8. 25. 보호되어 있는 글 입니다. [제이쿼리] 드롭다운메뉴 코딩/제이쿼리 2014. 8. 13. 가로형 메뉴인 드롭다운메뉴입니다. 마우스 오버시 액션이 작동되고 3뎁스까지 구현이 가능합니다. css3 기능이 들어가있어서 ie8 이하에서는 화살표 표현이 안됩니다. 참고 해 주세요. 출처 : http://cssmenumaker.com/ [제이쿼리] 세로형 플라이아웃 메뉴 코딩/제이쿼리 2014. 8. 13. 세로형 플라이아웃 메뉴입니다. 제이쿼리만 링크되어 있으면 별도의 스크립트 필요없이 css로 작동되는 가벼운 소스입니다. 마우스 오버시 액션이 작동됩니다. 3뎁스까지 구현이 가능합니다. 출처 : http://cssmenumaker.com/ [제이쿼리] 세로형 아코디언메뉴 코딩/제이쿼리 2014. 8. 13. 제이쿼리 메뉴 소스 입니다. 세로방향 아코디언 메뉴로 3뎁스까지 구현되는 방식입니다. 클릭하면 메뉴가 펼쳐졌다 접어졌다 합니다. css3기능들이 들어가 있어 ie8 이하에서는 그라데이션이나, 화살표가 제대로 표현이 안됩니다. (디자인 적인 문제이지, 기능적으론 전혀 문제가 없습니다.) 첨부파일 다운로드 하시고 사용해 보세요.^^ 출처 : http://cssmenumaker.com/ 이전 1 ··· 8 9 10 11 12 13 14 다음
euntori
Comments