求高手帮助,怎样给这个jQuery特效图标菜单里的图标设置指定的超链接,使点击图标可以链接到对应的页面 30

我在网上下载了一个jQuery特效环形图标菜单,想用在个人开发的网站(ASP.NET+C#)中,但是我没有学过jQuery,不知道如何给这其中的图标设置超链接才能使其正确... 我在网上下载了一个jQuery特效环形图标菜单,想用在个人开发的网站(ASP.NET+C#)中,但是我没有学过jQuery,不知道如何给这其中的图标设置超链接才能使其正确链接到其他页面去,这个是我下载的jQuery的地址http://sc.chinaz.com/jiaoben/150504312490.htm
急!
展开
 我来答
百度网友72620e0
2015-05-18 · 超过30用户采纳过TA的回答
知道答主
回答量:50
采纳率:0%
帮助的人:55.2万
展开全部

写插件的大神对js代码加密了,所以写了个偏门点的方法。不知可否

    <script>

        /* 图片地址可以是相对路径或绝对路径;标题和描述可以包含HTML */
        var settings = [{ image: 'images/zzsc1.png', heading: '百度', description: 'http://www.baidu.com/' },
{ image: 'images/zzsc2.png', heading: '腾讯', description: 'http://www.qq.com/' },
{ image: 'images/zzsc3.png', heading: '360', description: 'http://www.360.com/' },
{ image: 'images/zzsc4.png', heading: '淘宝', description: 'http://www.taobao.com/' },
{ image: 'images/zzsc5.png', heading: '京东', description: 'http://www.jd.com/' },
{ image: 'images/zzsc6.png', heading: '新浪', description: 'http://www.sina.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();

        /*------- 这一段新加出来的 --------*/
        $(function() {
            $(document).on("click", ".feature-presenter img", function() {//给图标添加click点击事件
                var imgsrc = $(this).attr("src");
                $(settings).each(function(index, item) {
                    if (item.image == imgsrc)
                        window.open(item.description); //新窗口打开
                    //window.location = item.description; //当前窗口打开
                });
            });
        })

    </script>
HandsomeMartin
2015-05-19 · 超过10用户采纳过TA的回答
知道答主
回答量:17
采纳率:0%
帮助的人:7.7万
展开全部
在标签上设置对应ID,然后在js文件中获取id进行跳转$('#id').click(function(){
location.href="你要跳转的地址";
})
追问
您好,您说的我还是不懂也不知该如何操作,请问你有将该jQuery下载下来并亲自测试了吗?我看不懂它的代码啊~
追答
我测试过了,
$(function(){
$('.feature-presenter').click(function(){
location.href="你要跳转的页面"
console.log('测试');
})
})
直接把上面的代码粘贴到script下 运行 然后点.feature-presenter这个class的div就可以出显效果
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式