'HTML/CSS'에 해당되는 글 4건

  1. 2015.12.30 :eq selector
  2. 2015.12.30 input fie 초기화
  3. 2015.12.30 @font-face 문제
  4. 2015.12.30 마우스 커서 모양 변경 - cursor

:eq selector

HTML/CSS 2015. 12. 30. 10:59

http://api.jquery.com/eq-selector/


<html>

<div id="div">

<span>1</span>

<span>2</span>

<span>3</span>

</div>

</html>



jquery


- > $('#div span:eq(1)).text());

     <div라는 id 를 가진 엘리먼트 아래 span 태그 중 2번째 값을 출력>


출력 결과

 

- > 2

저작자표시

'HTML/CSS' 카테고리의 다른 글

:eq selector  (0) 2015.12.30
input fie 초기화  (0) 2015.12.30
@font-face 문제  (0) 2015.12.30
마우스 커서 모양 변경 - cursor  (0) 2015.12.30
Posted by 사용자 guru_k
TAG EQ, HTML, It, Selector
트랙백 0개, 댓글 0개가 달렸습니다

댓글을 달아 주세요

input fie 초기화

HTML/CSS 2015. 12. 30. 10:58

- HTML


 <input type="file" id="file_upload">



- JAVASCIPRT


if ($.browser.msie) 

{ // IE 일 경우

   $("#file_upload").replaceWith( $("#file_upload").clone(true) );

} else 

{ // IE 외 브라우저 일 경우

   $("#file_upload").val("");

}



 * $.browser가 정의 되어 있지 않아 오류가 생길 경우 아래 링크를 참고하세요.

   



저작자표시

'HTML/CSS' 카테고리의 다른 글

:eq selector  (0) 2015.12.30
input fie 초기화  (0) 2015.12.30
@font-face 문제  (0) 2015.12.30
마우스 커서 모양 변경 - cursor  (0) 2015.12.30
Posted by 사용자 guru_k
TAG HTML, input, It
트랙백 0개, 댓글 0개가 달렸습니다

댓글을 달아 주세요

@font-face 문제

HTML/CSS 2015. 12. 30. 10:56
@font-face {
    font-family: 'Font';
    src: url('Font.eot'); /* IE9 Compat Modes */
    src: url('Font.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Font.woff') format('woff'), /* Modern Browsers */
         url('Font.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('Font.svg#svgFontName') format('svg'); /* Legacy iOS */
    }



저작자표시

'HTML/CSS' 카테고리의 다른 글

:eq selector  (0) 2015.12.30
input fie 초기화  (0) 2015.12.30
@font-face 문제  (0) 2015.12.30
마우스 커서 모양 변경 - cursor  (0) 2015.12.30
Posted by 사용자 guru_k
TAG font-face, HTML, It, 웹폰트, 폰트
트랙백 0개, 댓글 0개가 달렸습니다

댓글을 달아 주세요

마우스 커서 모양 변경 - cursor

HTML/CSS 2015. 12. 30. 10:55

html 또는 css를 이용하여 마우스 커서 모양을 변경할 수 있다.


 - 설정 값


auto : 기본값
crosshair : 십자가 커서
default : 기본 마우스 커서
hand : 손 모양 커서
move : 이동용 커서
text : 텍스트 입력창 커서
wait : 로딩 중 커서
help : 물음표 커서


 - 사용법


 [HTML]


 <div id = "cursor">

 </div>


 [css]

  

 #cursor{

   cursor: wait;

 }


 --> id 값이 cursor인 div 공간에 마우스를 이동시 마우스 커서가 로딩 중 커서로 변경됩니다.

저작자표시

'HTML/CSS' 카테고리의 다른 글

:eq selector  (0) 2015.12.30
input fie 초기화  (0) 2015.12.30
@font-face 문제  (0) 2015.12.30
마우스 커서 모양 변경 - cursor  (0) 2015.12.30
Posted by 사용자 guru_k
TAG CSS, CURSOR, HTML, It, 마우스커서변경
트랙백 0개, 댓글 0개가 달렸습니다

댓글을 달아 주세요