[펄스나인] 쉽게쓰는 UI/UX - 자동롤링 탭
저같은 짜지퍼는.. 만들어진거 줍줍해서 레이아웃에 맞게
짜맞추려면 여간 귀찮은게 아닙니다..ㅎ
그래서! 만들어보았습니다.
가로 100% 라서 아무곳에나 때려넣어도 잘돌아 가게,
갯수 조절이 쉽고 제이쿼리는 없어도 되고!
불필요한 css 없어서 레이아웃 안깨지고!
클래스명은 알아먹을 순 있지만 겹치지 않도록,
ul li 안쓰고 dl, dd 사용...ㅎ
기능은 자동롤링(시간조절), 마우스 오버하는 동안 롤링 정지, 정도 입니다.
사용법은 딱히 없고, html 파일 열으셔서 코드 복붙 하시면 됩니다.
style 은 동일 문서안에 포함 했습니다.
-------------------------------------------------
탭 추가방법 간략하게! (3개 > 4개로 변경)
01. <dd></dd> 추가(복사)후 onclick="contabroll(4);" 숫자변경.
02. <dl></dl> 추가(복사) 후 내용넣기.
03. 스타일 .contabroll dd:nth-child(4) 숫자변경.
04. 탭 가로사이즈 변경 width: 33.33333%; > width: 25%;
끝!
-------------------------------------------------
위에 말씀드린 내용은 파일에 상세하게 주석 달아놓았습니다.
건강 유의하세요~!
크로스브라우징 : 익스11, 엣지, 크롬, 웨일
추천은 사랑인거 아시죠?
버전 정보
테스트한 버전
5.4.2.5
호환 가능 버전
무관
첨부파일
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 110개
감사합니다.
오늘도 사랑을 실천하고 갑니다^^
감사합니다 !!
무조건 추천 누루고 시작입니다 ㅎㅎ
감사합니다
그런데 이런 코드가 포인트 10원이라니요,,
최소 1000원으로 올려주세요,,ㅜㅜ
포인트가 남아돌아 미치겟습니다.
좋은 말씀 감사합니다!
추천 꾹! 하고 갑니다.
유용하셨으면 좋겟네요~!!
< 1/10 > 이런거
페이지 넘기는거 하나 맹들어 주세요 ^^
제 지식으로는 감이 안잡혀서 그런데 혹시 감이 잡히시는게 있으신지요 ㅠㅠ.... 상품리스트 코드는 아래같은 기본코드를 사용했습니다.
<?php
$list = new item_list();
$list->set_category('20',1);
$list->set_list_mod(5);
$list->set_list_row(1);
$list->set_img_size(250,250);
$list->set_list_skin(G5_SHOP_SKIN_PATH.'/main.20.skin.php');
$list->set_view('it_id', false);
$list->set_view('it_name', true);
$list->set_view('it_basic', false);
$list->set_view('it_cust_price', true);
$list->set_view('it_price', true);
$list->set_view('it_icon', false);
$list->set_view('sns', false);
echo $list->run();
?>
감이 안잡히네요 ㅠㅠ
도움이 못되어 죄송합니다..
올려주신 탭을 2번 사용하니 이름이 중복되는지 안되더라고요.
어디를 수정해야 하는지 좀 알려주시면 감사하겠습니다.
좋은 자료 공개 감사합니다.
id="contabroll" 부분을 다른걸로 바꾸시고
아래쪽에 있는 스크립트도 복사하셔서
id를 지정하고 있는 부분을 모두 추가한 ID 로 바궈주셔야 합니다!
overflow-y:scroll;
정말 감사합니다.