Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > body text

jQuery version imitation Path menu effect_jquery

WBOY
Release： 2016-05-16 17:58:33
Original
1215 people have browsed it

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
Related labels：
Path菜单
source：php.cn
Previous article：Introduction to the distinction between document.getElementByid, document.all and document.layers in js_javascript skills Next article：Solution to the problem of dynamically loading data in EasyUI's treegrid component_jquery
Statement of this Website
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
Latest Articles by Author
Latest Issues
In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...
From 2024-04-06 19:23:03
0
1
411
Show hidden side panels: checked I would like to have a navigation menu in the side panel with the ability to switch to vie...
From 2024-04-06 15:49:33
0
1
319
Submit form without button using Javascript/Jquery I'm trying to submit a form without a button by calling a JavaScript function and executin...
From 2024-04-06 14:54:03
0
2
421
Center dropdown menu in navigation bar I made this CSS/HTML. .navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.n...
From 2024-04-04 18:24:52
0
1
338
Mouseover of specific menu item not showing hidden submenu I created some classes for the menu items so that I can call them. .dropdownBox{display:no...
From 2024-04-04 14:39:08
0
1
359
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template