求高手帮助,怎样给这个jQuery特效图标菜单里的图标设置指定的超链接...

发布网友 发布时间：2022-05-11 06:48

我来回答

共2个回答

热心网友 时间：2022-04-21 18:28

写插件的大神对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>

热心网友 时间：2022-04-21 19:46

在标签上设置对应ID，然后在js文件中获取id进行跳转$('#id').click(function(){
location.href="你要跳转的地址";
})追问您好，您说的我还是不懂也不知该如何操作，请问你有将该jQuery下载下来并亲自测试了吗？我看不懂它的代码啊~

追答我测试过了，
$(function(){
$('.feature-presenter').click(function(){
location.href="你要跳转的页面"
console.log('测试');
})
})
直接把上面的代码粘贴到script下 运行 然后点.feature-presenter这个class的div就可以出显效果