Rotate toggle effect based on jquery ring icon menu

Share a rotating toggle effect based on the jquery ring icon. This is a mouse click icon menu round clockwise or counterclockwise rotation switch code. As follows:

Online preview Source Download

The implemented code.

JS Code:

/*the image address can be a relative path or an absolute path; the title and description can contain HTML*/varSettings = [{image: ' Images/zzsc1.png ', heading: ' Love Programming ', Description: ' www.w2bc.com '}, {image:' Images/zzsc2.png ', heading: ' Love Programming ', Description: ' www.w2bc.com '}, {image:' Images/zzsc3.png ', heading: ' Love Programming ', Description: ' www.w2bc.com '}, {image:' Images/zzsc4.png ', heading: ' Love Programming ', Description: ' www.w2bc.com '}, {image:' Images/zzsc5.png ', heading: ' Love Programming ', Description: ' www.w2bc.com '}, {image:' Images/zzsc6.png ', heading: ' Love Programming ', Description: ' www.w2bc.com ' }                ];varOptions ={circle_radius:220, Normal_feature_size:100, Highlighted_feature_size:150, Top_margin:100, Bottom_margin:50, spacing:40, min_padding:50, Heading_font_size:30, Description_font_size:20, type:' Image '};varFP =NewFeaturepresenter ($ ("#test-element"), settings, options); Fp.createpresenter ();

via:http://www.w2bc.com/article/37857

Rotate toggle effect based on jquery ring icon menu