JQuery ring Icon menu rotation switching effect, jquery ring icon Effect

JQuery ring Icon menu rotation switching effect, jquery ring icon Effect

This article describes a jQuery ring icon rotation switching effect. This is a code to switch the circle clockwise or counterclockwise in the mouse click icon menu. As follows:

Download Online Preview source code

Implementation code.

Js Code:

/* The image address can be a relative or absolute path. The title and description can contain HTML */var settings = [{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'}]; var options = {circle_radius: 220, normal_feature_size: 100, priority: 150, top_margin: 100, bottom_margin: 50, spacing: 40, min_padding: 50, heading_font_size: 30, description_font_size: 20, type: 'image'}; var fp = new FeaturePresenter ($ ("# test-element "), settings, options); fp. createPresenter ();

Via: http://www.w2bc.com/Article/37857