-
input file 디자인 입히기
<div class="filebox"> <input class="upload-name" value="파일선택" disabled="disabled"> <label for="ex_filename">업로드</label> <input type="file" id="ex_filename" class="upload-hidden"> </div> .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; } /* named upload */ .filebox .upload-name { display: inline-block; padding:...
-
jquery.fn
애니메이션 (background-image) /** * @param SECTION {number} * @param WIDTH {number} * @param TIME {number} * @param DELAY {number} * @param STOP {number} */ $.fn.aniJin = function (SECTION, WIDTH, TIME, DELAY, STOP){ TIME = TIME || 200; var num = 0; var playing = null; var $this = $(this); var repeat = setInterval(ani, TIME); function ani() { var bpx = parseInt($this.css("backgroundPositionX")); //백그라운드의 현재 위치값 $this.css({ backgroundPositionX: "-=" + SECTION }); //반복되는 구간 만큼 백그라운드 이동...