땀나는 애

[Script] dropdown menu_드롭다운메뉴 2,3뎁스

.zeta-menu li { float: left; list-style: none; position: relative; } .zeta-menu li:hover { background: pink; } .zeta-menu li.expand { background: white; } .zeta-menu li.expand>a { color: hotpink; } .zeta-menu a { color: black; display: block; padding: 10px 20px; text-decoration: none; } .zeta-menu ul { background: #eee; border: 1px solid silver; display: none; padding: 0; position: absolute; lef..
쭈구리 코딩/내가 보고 쓰려고 모은 것 2019. 12. 31. 11:26
[script] toggle_아코디언+옆에 화살표 바뀜

아코디언 .join1_box{position:relative;border:1px solid #bbb;padding:20px;margin-bottom:10px} .join1_box input{display:none} .join1_box h4 {position:relative;font-size:18px;font-weight:bold;color:#292929;width:100%} .join1_box h4 strong{;font-size:16px;font-weight:bold;color:#ef1c26;} .join1_box h4 label{position:absolute;top:0;right:0;width:31px;height:30px;background:url(../../images/join/chk_off.g..
쭈구리 코딩/내가 보고 쓰려고 모은 것 2019. 12. 31. 11:24
[script] toggle _아코디언+active

$(document).ready(function() { $(".toggle p").hide(); // $(".toggle > li:first-child a").next().show(); $(".toggle li a").on("click", function() { $(".toggle li a").not(this).removeClass("active"); $(this).addClass("active") $(this).next().slideToggle(300); // $(this).next().slideDown(300); $(".toggle li a").not(this).next().slideUp(300); return false; }); $(".toggle li a").eq(0).trigger("click"..
쭈구리 코딩/내가 보고 쓰려고 모은 것 2019. 12. 31. 11:22
[script] qna _ 자주하는 질문

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 자주하는 질문 #fnqbo..
카테고리 없음 2019. 12. 31. 11:19
[script] slider _ 슬라이드 스크립트 모음

2019.12 업데이트 bxslider https://bxslider.com/ jQuery Content Slider | Responsive jQuery Slider | bxSlider Coded with ♥ by bxslider.com Swiper https://swiperjs.com/ Swiper - Most Modern Mobile Touch Slider Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com slick http://kenwheeler.github.io/slick/ slick - the last ..
쭈구리 코딩/내가 보고 쓰려고 모은 것 2019. 12. 31. 11:17
[script] toggle _토글 클릭시 팝업 오픈

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function showID(toggleB) { obj = document.getElementById(toggleB); if (obj.style.display == "none") obj.style.display = "inline"; else obj.style.display = "none"; } menu test http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
쭈구리 코딩/내가 보고 쓰려고 모은 것 2019. 12. 31. 11:14
[script] Tab _ 스르륵 나타남

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 $(function() { $(".tab_content").hide(); $(".tab_content:first").show(); $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active").css("color", "#333"); //$(this).addClass("active").css({"color": "darkred","font-weight": "bolder"}); $(this).addClass("active").css("color", "darkred..
쭈구리 코딩/내가 보고 쓰려고 모은 것 2019. 12. 31. 10:59
viewport meta - 모바일에서도 PC레이아웃 그대로 보기

* 반응형이 필요없는 경우 모바일에서도 PC레이아웃을 그대로 보고 싶은 경우 viewport meta 태그를 수정한다 [기본형] 반응형시 [PC레이아웃 그대로보기]
쭈구리 코딩/내가 보고 쓰려고 모은 것 2019. 12. 30. 14:24
Prev 1 2 3 4 5 6 7 Next