:after :before css jquery $('h2').toggleClass('changed');

bxslider 작업 중 자꾸 알 수 없는 멈춤 오류가 발생하는ㄷㅔ그 이유를 알게되었다..... 웹접근성운영의 용의성 : 사용자 인터페이스 구성요소는 조작가능하고 내비게이션 할 수 있어야 한다. 아래 참고 출처 https://m.blog.naver.com/PostView.nhn?blogId=mageson&logNo=220455565796&proxyReferer=https%3A%2F%2Fwww.google.com%2F

https://bxslider.com/ js, css html // Slider HTML (change this to your own!) I am a slide. I am another slide. bxSlider 호출 및 옵션 $(document).ready(function(){ $('.bxslider').bxSlider( { mode: 'horizontal',// 가로 방향 수평 슬라이드 speed: 500, // 이동 속도를 설정 pager: false, // 현재 위치 페이징 표시 여부 설정 moveSlides: 1, // 슬라이드 이동시 개수 slideWidth: 100, // 슬라이드 너비 minSlides: 4, // 최소 노출 개수 maxSlides: 4, // 최대 노출 개수 slideM..

bxslider 다양한 예제 슬라이드 클릭이 안되긴 하지만 소스는 볼 수 있으니까 참고용으로 좋을 것 같다. http://motionalive.com/MA-Clients/slides/

// select box ID로 접근하여 선택된 값 읽기 $("#셀렉트박스ID option:selected").val(); // select box Name로 접근하여 선택된 값 읽기 $("select[name=셀렉트박스name]").val(); // 같은 방식으로 span과 같은 다른 태그도 접근 가능하다~ $("span[name=셀렉트박스name]").text(); // 선택된 값의 index를 불러오기 var index = $("#셀렉트박스ID option").index($("#셀렉트박스ID option:selected")); // 셀렉트 박스에 option값 추가하기 $("#셀렉트박스ID").append("1번"); // 셀렉트 박스 option의 맨앞에 추가 할 경우 $("#셀렉트박스ID").p..

display:inline으로 가운데 정렬을 맞출 수 있지만 사이사이 여백이 발생하므로 float을 많이 사용한다. * display:inline 일 때 여백해결 방법 https://ranidiant.tistory.com/17?category=741344 display inline-block 정렬일 때 사이 공백 ul li 요소들을 display:inline-block; 을 사용하여 정렬을 하면 li 들 사이에 공백이 생긴다. 1 2 3 4 5 6 7 8 9 10 ul{ overflow:hidden; } li{ display:inline-block; padding:5px; backgro.. ranidiant.tistory.com 이때, 중앙요소가 필요하면 어떻게 해야할까 1 2 3 4 5 .wrap{te..

마우스 오버 했을 때 이미지 파일명 _on, _off 으로 변경하기 mouseover mouseout replace 사용 $(".target").mouseover(function(){ var imgsrc=$(this).find("img").attr("src"); imgsrc=imgsrc.replace("_off","_on"); $(this).find("img").attr("src",imgsrc); }).mouseout(function(){ var imgsrc=$(this).find("img").attr("src"); imgsrc=imgsrc.replace("_on","_off"); $(this).find("img").attr("src",imgsrc); }); $(".target").hover(functi..