jQuery 버 전 가짜 Path 메뉴 발표!

2451 단어 jquery
http://www.cnblogs.com/lovejjhao/archive/2011/12/12/2285313.html
어제 한 전단 지 사이트 에서 외국인 이 css 3 로 만 든 가짜 Path 메뉴 를 보 았 는데 마음 이 간 지 러 워 서 jQuery 로 하나 써 서 지금 여러분 께 공유 하고 있 습 니 다.


< p > 사용 방법: < / p >
< p > 1. jquery. 1.7.1, jQuery RotateCompressed. 2.1. js (회전 플러그 인), jquery. path. 1.0. js (내 가 쓴 Path 플러그 인) < / p > 를 순서대로 참조 합 니 다.
< p > 2. 페이지 요 소 는 다음 과 같은 형식 을 사용 합 니 다 < / p >

    


1 <div id="content">
2 <div> </div>
3 <div>★</div>
4 <div>★</div>
5 <div>★</div>
6 <div>★</div>
7 <div>★</div>
8 </div>





< p > 가장 바깥쪽 은 부모 레벨 패키지 div 이 고, 내부 첫 번 째 div 는 요 소 를 클릭 해 야 하 며, 나머지 는 Path 메뉴 요소 < / p > 입 니 다.
< p > 3. 작은 코드 만 필요 합 니 다 < / p >
$(document).ready(function (){
$('#content').path({
radius: 100, //
radian: 90, //
duration: 200//
});
});





    4.enjoy yourself!


 


< p > 첨부 < / p >
< p > 플러그 인 다운로드 < / p >
< p > jQueryRotateCompressed. 2.1. js (회전 플러그 인) 주문 하 다 < / p >
< p > jquery. path. 1.0. js (Path 플러그 인)     주문 하 다



좋은 웹페이지 즐겨찾기