Home >Web Front-end >JS Tutorial >jQuery version imitation Path menu effect_jquery

jQuery version imitation Path menu effect_jquery

WBOY
WBOYOriginal
2016-05-16 17:58:331240browse

Usage:
1. Reference jquery.1.7.1, jQueryRotateCompressed.2.1.js (rotation plug-in), jquery.path.1.0.js (Path plug-in written by myself) in sequence
2. The page elements are as follows Format

Copy code The code is as follows:


Click me



★< /div>




The outermost layer is The parent wraps the div, the first div inside is the element that needs to be clicked, and the rest are Path menu elements
3. Just a short piece of code
Copy code The code is as follows:

$(document).ready(function (){
$('#content').path({
radius: 100, //radius
radian: 90, //radian
duration: 200//animation time
});
});

4.enjoy yourself !
Attached
Plug-in download
jQueryRotateCompressed.2.1.js (rotation plug-in)
jquery.path.1.0.js (Path plug-in)
Script House package download
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn