JQuery implements a multi-level relationship diagram of a person with a gradient effect. Code _ jquery

This article mainly introduces jQuery's multi-level relationship graph for people with a gradient effect, which can display multiple relationships and show the gradient switching effect after clicking, this article describes how to use jQuery to dynamically modify the Display Effect of page elements in response to mouse events. For more information, see the following example. Share it with you for your reference. The details are as follows:

Here we will demonstrate how jQuery implements a multi-level relationship map for people with a gradient effect. setQuestPose: in function, n represents a total of several objects. r represents perimeter. I represents the number of objects. w represents the broadband of the outer object. h Represents the height of the outer object. d represents the actual angle. Please note during testing, if an error is prompted in the lower-right corner, refresh the page.

The running effect is as follows:

The Online Demo address is as follows:

Http://demo.jb51.net/js/2015/jquery-show-gxt-style-demo/

The Code is as follows:

Multi-level relationship diagram of the person with the jQuery gradient effect