슬라이드처리를 하려고하는데요. 도무지 안됩니다..ㅠㅠ 정보
슬라이드처리를 하려고하는데요. 도무지 안됩니다..ㅠㅠ본문
일단 구현하려고하는것은 메인의 일정공간에 아래와같이 구현하려고합니다.
인기상품|추천상품|할인상품
<< 인기상품1|인기상품2|인기상품3 >>
인기상품이나 추천상품등의 곳에 마우스를 올렸을때
해당상품에 그아래 3개씩 나오구요.그옆에 화살표로
한칸 혹은 한번보이는만큼씩 이동을 하려고하는데요...
쇼핑몰같은곳에서 보면 쉽게 볼수 있는데 이걸 구현하려니까, 도무지 계쏙막힙니다..ㅠㅠ
목요일부터 했는데.. 안되어서요...
이런소스혹시 가지고 계시거나... 대략적인 소스좀 부탁드려도 될까요..ㅠㅠ
인기상품|추천상품|할인상품
<< 인기상품1|인기상품2|인기상품3 >>
인기상품이나 추천상품등의 곳에 마우스를 올렸을때
해당상품에 그아래 3개씩 나오구요.그옆에 화살표로
한칸 혹은 한번보이는만큼씩 이동을 하려고하는데요...
쇼핑몰같은곳에서 보면 쉽게 볼수 있는데 이걸 구현하려니까, 도무지 계쏙막힙니다..ㅠㅠ
목요일부터 했는데.. 안되어서요...
이런소스혹시 가지고 계시거나... 대략적인 소스좀 부탁드려도 될까요..ㅠㅠ
추천
0
0
댓글 1개
자꾸 만들어 보셔야 실력이 늘어납니다
크게 두가지의 기능이 있어야 합니다
첫째는 인기 상품1 인기상품2를 눌렀을때 한단의 인기상품이나 추천등이 보여지고 사라지는 자바스크립트
두번째는 인기상품이나 추천등에 마우스를 올렸을 때 움직일수 있는 스크립트
첫번째는 div의 none,이나 block을 이용한 공간 지정 태그를 쓰셔야 되고
두번째는 마우스 이벤트를 활용한 공간이동 태그를 사용하셔야 합니다
영역 크기가 지정된 div태그 안에 div를 넣되 일정 크기가 넘어서 면 보이지 않는
document.getElementById("div아이디") .style.overflow = "hidden";
과 같은 태그를 사용하면 됩니다
즉 위의 형태는 작은 박스 안에 큰 옷을 둘둘 감아서 넣어 놨지만 비닐상자 위로는 작은 겉면만 보이듯이 공간을 활용하는 법입니다
위에서 사용하고 싶으신 소스들이 가장 많은 곳은 블루비라는 웹사이트이나 한번 가입해서 둘러보세요
크게 두가지의 기능이 있어야 합니다
첫째는 인기 상품1 인기상품2를 눌렀을때 한단의 인기상품이나 추천등이 보여지고 사라지는 자바스크립트
두번째는 인기상품이나 추천등에 마우스를 올렸을 때 움직일수 있는 스크립트
첫번째는 div의 none,이나 block을 이용한 공간 지정 태그를 쓰셔야 되고
두번째는 마우스 이벤트를 활용한 공간이동 태그를 사용하셔야 합니다
영역 크기가 지정된 div태그 안에 div를 넣되 일정 크기가 넘어서 면 보이지 않는
document.getElementById("div아이디") .style.overflow = "hidden";
과 같은 태그를 사용하면 됩니다
즉 위의 형태는 작은 박스 안에 큰 옷을 둘둘 감아서 넣어 놨지만 비닐상자 위로는 작은 겉면만 보이듯이 공간을 활용하는 법입니다
위에서 사용하고 싶으신 소스들이 가장 많은 곳은 블루비라는 웹사이트이나 한번 가입해서 둘러보세요