웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 텝메뉴에 특화된 jquery 플러그인 TABSLET 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] 텝메뉴에 특화된 jquery 플러그인 TABSLET

해피CGI윤실장 2017. 4. 17. 09:21


기본적인 텝소스효과입니다.

<pre data-language="javascript">
$('.tabs').tabslet();
</pre>

위 소스로 선언하여 첫번째 텝위치를 지정합니다.








<pre data-language="javascript">
$('.tabs').tabslet({
  active: 2
});
</pre>

active 값을 조절하여 처음 로딩시 텝메뉴의 위치를 지정할수 있습니다.




이외 마우스 오버시 텝소스가 변경되거나, Animation 으로 페이드인/아웃 등

다양한 효과를 가진 텝소스를 구현할 수 있습니다.

 

홈페이지바로가기 

Comments