jQuery 관련 팁을 공유하는 곳입니다. [가입을 하셔야 다운로드가 가능합니다.]
  • 웹미니 한줄 전광판 영역 입니다.
글 수 24
미리보기 :  

웹사이트 제작시 파일찾기,찾아보기 버튼등 디자이너가 이부분을 디자인해서 넘겨줄때가 있습니다.

이부분을 디자인 입히는건 여간 까다로운게 아니죠.


20120907_095101.png


물론 http:///359336 이런 방법도 있지만, jquery 를 이용해서 더 손십게 하는 방법입니다.


먼저 해당파일을 다운받으신후 압축후 js파일을 위치시킵니다. (jquery.filestyle.js / jquery.js)


file.zip


<head>와 </head>사이에 아래소스를 삽입합니다.

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.filestyle.js" type="text/javascript"></script>


<script type="text/javascript">

$(function(){
$("input[type=file]").filestyle({
image: "img/btn_search.gif",
imageheight : 18,
imagewidth : 90
});
});
</script>

위에 이미지는 원하는 이미지 경로를 사이즈와 함께 넣으시면됩니다.

출력되는곳에 아래소스를 넣습니다. body 안쪽이겠죠.
<input type="file" name="file" size="10" />

태그
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/jquery/467064/f3a/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수sort
24 jQuery 종류별 효과 모음 title: [ani]깜빡이는 표정빽짱구 2012-03-02 1 7418
23 JQUERY js파일 불러오기~ [2] 늘푸른 2010-07-25 1 7144
22 제이쿼리 모바일(jquery mobile) 샘플사이트 및 데모 title: [ani]깜빡이는 표정빽짱구 2013-01-29 1 6992
21 jQuery 부드러운 위로가기 탑(top) 버튼 효과 file [1] title: [ani]깜빡이는 표정빽짱구 2012-08-30   6807
20 JQuery 시작하기~ 늘푸른 2010-07-24 1 6624
19 jQuery 제이쿼리로 셀렉트 박스 꾸미기 file title: [ani]깜빡이는 표정빽짱구 2012-09-06 1 5626
18 버튼이나 텍스트 링크 클릭시 원하는곳으로 부드럽게 이동하기 file [1] title: [ani]깜빡이는 표정빽짱구 2012-10-22 2 5349
17 jQuery로 파일첨부버튼 이미지로 꾸미기 file title: [ani]깜빡이는 표정빽짱구 2012-09-07   4601
16 iscroll 사용시 동적일때 문제 title: [ani]깜빡이는 표정빽짱구 2014-02-20   3710
15 제이쿼리 및 CSS3,HTML5 관련 튜토리얼입니다. title: [ani]방울UI 2012-10-11   3518
14 jQuery 로 레이어 드래그 하기 title: [ani]깜빡이는 표정빽짱구 2012-09-07   3439
13 [스크랩] jQuery 팁 & 튜토리얼 title: 새싹사뎅이 2014-01-14   2613
12 해상도별로 CSS호출하기 title: [ani]깜빡이는 표정빽짱구 2015-10-14   880
11 버튼 클릭시 원하는 곳으로 부드럽게 이동 title: [ani]깜빡이는 표정빽짱구 2018-09-07   578
10 버튼 클릭시 원하는 곳으로 이동하기(스크롤 위치 기억) title: [ani]깜빡이는 표정빽짱구 2019-03-29   542
9 해당 영역 높이값 자동으로 가져오기 title: [ani]깜빡이는 표정빽짱구 2016-04-27   445
8 본문글 집중모드 효과 file [1] title: [ani]깜빡이는 표정빽짱구 2018-10-09   394
7 스크롤 고정형 퀵배너 title: [ani]깜빡이는 표정빽짱구 2018-09-07   381
6 jquery - 이미지 체크박스, 라디오 버튼 title: [ani]깜빡이는 표정빽짱구 2018-10-16   300
5 jquery 탭메뉴 title: [ani]깜빡이는 표정빽짱구 2019-01-02   298