求高手帮助,怎样给这个jQuery特效图标菜单里的图标设置指定的超链接,使点击图标可以链接到对应的页面 30
我在网上下载了一个jQuery特效环形图标菜单,想用在个人开发的网站(ASP.NET+C#)中,但是我没有学过jQuery,不知道如何给这其中的图标设置超链接才能使其正确...
我在网上下载了一个jQuery特效环形图标菜单,想用在个人开发的网站(ASP.NET+C#)中,但是我没有学过jQuery,不知道如何给这其中的图标设置超链接才能使其正确链接到其他页面去,这个是我下载的jQuery的地址http://sc.chinaz.com/jiaoben/150504312490.htm
急! 展开
急! 展开
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>
展开全部
在标签上设置对应ID,然后在js文件中获取id进行跳转$('#id').click(function(){
location.href="你要跳转的地址";
})
location.href="你要跳转的地址";
})
追问
您好,您说的我还是不懂也不知该如何操作,请问你有将该jQuery下载下来并亲自测试了吗?我看不懂它的代码啊~
追答
我测试过了,
$(function(){
$('.feature-presenter').click(function(){
location.href="你要跳转的页面"
console.log('测试');
})
})
直接把上面的代码粘贴到script下 运行 然后点.feature-presenter这个class的div就可以出显效果
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询