<pre id="wumkk"></pre>
          1. <td id="wumkk"><ruby id="wumkk"></ruby></td>

            [科技]基于jQuery环形图标菜单旋转切换特效

              分享一款基于jQuery环形图标旋转切换特效。这是一款鼠标点击图标菜单圆形顺时针或者逆时针旋转切换代码。效果图如下:

              实现的代码。

              js代码:

            /* 图片地址可以是相对路径或绝对路径;标题和描述可以包含HTML */
            var settings = [ {image: 'images/zzsc1.png', heading: '爱编程', description: 'www.w2bc.com'},
            				{ image: 'images/zzsc2.png', heading: '爱编程', description: 'www.w2bc.com' },
            				{ image: 'images/zzsc3.png', heading: '爱编程', description: 'www.w2bc.com' },
            				{ image: 'images/zzsc4.png', heading: '爱编程', description: 'www.w2bc.com' },
            				{ image: 'images/zzsc5.png', heading: '爱编程', description: 'www.w2bc.com' },
            				{ image: 'images/zzsc6.png', heading: '爱编程', description: 'www.w2bc.com' }
            				];
            
            var options = {
            	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'
            };
            
            var fp = new FeaturePresenter($("#test-element"), settings, options);
            fp.createPresenter();

            亚洲视频中

              <pre id="wumkk"></pre>
                    1. <td id="wumkk"><ruby id="wumkk"></ruby></td>