14가지 스타일의 도트 네비게이션 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 기타효과 > 14가지 스타일의 도트 네비게이션 상세정보

클라우드태그

javascript

PHP

html

asp

mysql

CSS

mobile

jquery

image

slide

占쌨댐옙

메뉴

占쏙옙占쏙옙占쏙옙트

현재접속자 명

14가지 스타일의 도트 네비게이션

해피팀

네티즌

소스분류

기타효과

다운로드 횟수

81 회

간단설명

슬라이드, 스크롤 부분에 주로 사용되고 있는 도트 네비게이션의 다양한 스타일을 확인해보세요.

평가하기

Dot Navigation Styles에서는 다양한 효과를 지닌 14가지의 도트네비게이션 스타일을 확인하실 수 있습니다.

사이트에서 파일을 다운 받으시면 사용된 html, css, js 소스를 확인하실 수 있습니다.

도트 네비게이션 기본 소스는 위와 같이 구성되어 있으며

네비게이션 스타일 명칭인 "dotstyle-fillup" 클래스를
각 명칭에 맞게 수정하므로 스타일을 변경할수 있습니다.

dotstyle-fillup
dotstyle-scaleup
dotstyle-stroke
dotstyle-fillin
dotstyle-circlegrow
dotstyle-dotstroke
dotstyle-drawcircle
dotstyle-smalldotstroke
dotstyle-puff
dotstyle-flip
dotstyle-tooltip
dotstyle-dotmove
dotstyle-hop
dotstyle-fall

위 클래스 명칭으로 적용할 수 있으며,
그 중 "dotstyle-drawcircle" 스타일은 svg이미지가 사용되어
아래의 이미지 처럼 소스가 사용되는 것을 확인하실 수 있습니다.