7월, 2016의 게시물 표시

[jQuery] 흐르는 배너 만들기

<style> *{margin:0;padding:0;} #recomPro{margin-bottom:40px;} #recomPro > div.inner{width:1400px;margin:0 auto;} #recomPro .slideWrap{position:relative;overflow:hidden;height:337px;margin-bottom:28px;} #recomPro .slideWrap p.bg{position:absolute;top:33px;width:179px;height:324px;background:url("http://image.ssgdfs.com/images/newshin/bg_tic_01.png") no-repeat 0 0;} #recomPro .slideWrap p.bg.side01{left:0px;} #recomPro .slideWrap p.bg.side02{right:-3px;background:url("http://image.ssgdfs.com/images/newshin/bg_tic_02.png") no-repeat 0 0;} #recomPro .slideWrap a.bxBtn{position:absolute;z-index:10;top:117px;margin:0;width:21px;height:39px;background:url("http://image.ssgdfs.com/images/newshin/btn_prev_01.png") no-repeat 0 0;text-indent:-9999px;} #recomPro .slideWrap a.bxBtn.bx-prev{left:179px;} #recomPro .slideWrap a.bxBtn.bx-next{left:auto;right:179px;background:url("http://image.ssgdfs.com/images/newshin/btn_next_01.png") no-repea

[JS] 홀수, 짝수 구하기

var  cosNumlength = $("#ul > li").length; if(cosNumlength%2 == 0){     짝수 } else {     홀수 }

브라우저 분기

<script> function getBrowserType(){  var agt = navigator.userAgent.toLowerCase();  if (agt.indexOf("chrome") != -1) return 'Chrome';  if (agt.indexOf("opera") != -1) return 'Opera';  if (agt.indexOf("staroffice") != -1) return 'Star Office';  if (agt.indexOf("webtv") != -1) return 'WebTV';  if (agt.indexOf("beonex") != -1) return 'Beonex';  if (agt.indexOf("chimera") != -1) return 'Chimera';  if (agt.indexOf("netpositive") != -1) return 'NetPositive';  if (agt.indexOf("phoenix") != -1) return 'Phoenix';  if (agt.indexOf("firefox") != -1) return 'Firefox';  if (agt.indexOf("safari") != -1) return 'Safari';  if (agt.indexOf("skipstone") != -1) return 'SkipStone';  if (agt.indexOf("msie") != -1) return 'Internet Explorer';  if (agt.indexOf("rv:11.0") != -1)

[jQuery] 라디오박스 이미지

이벤트 페이지를 많이 치다보니 좀 쓰게 되네... 정리정리... <style type="text/css"> .eventWrap .choice{} .eventWrap .choice .radioBox_list{overflow:hidden;width:100%;} .eventWrap .choice .radioBox_list li{float:left;position:relative;padding:0 0 0 0;width:110px;text-align:left;} .eventWrap .choice .radioBox_list li label{overflow:hidden;cursor:pointer;line-height:20px;font-size:18px;color:#333;letter-spacing:-1px;} .eventWrap .choice .radioBox_list li label span{float:left;height:20px;margin-top:0;padding:0 0 0 20px;background:url("./images/radio.png") no-repeat 0 center;} .eventWrap .choice .radioBox_list li label.on span{background:url("./images/radio_on.png") no-repeat 0 center;} .eventWrap .choice .radioBox_list li label input{position:absolute;top:0px;left:0px;visibility:hidden;} </style> <script type="text/javascript"> $(document).ready(function() { $(".radioBox_list > li > label").prepend("<span&