制作完整的六角形可点击链接

我有一个相当简单的问题，我认为任何人在CSS中更高级，然后我自己。基本上，我试图让所有带有链接的六边形不仅仅是将文本作为链接，而是完整的六边形，我正在努力研究如何在没有严重窃听的情况下做到这一点。制作完整的六角形可点击链接

任何建议将是太棒了！

2013-07-25 user2478101

您可以发布相关的代码（只有相关的代码）直接在你的问题中，为了后代？ – Blazemonger

哦，对不起，你不必标记问题，我只是忘了把它连接起来。 – user2478101

您可能需要多边形（HTML5）才能实现这样的效果。 – Kamil

好了，你可以使用jQuery：

$(".about").click(function(){ 
window.location=$(this).find("a").attr("href"); 
return false; 
});

这会让你的 '关于我们' 选项卡中点击。

来源： http://css-tricks.com/snippets/jquery/make-entire-div-clickable/

的jsfiddle：http://jsfiddle.net/imemine29/6AbL9/1/ 我已在 '关于我们' 六角工作

来源

2013-07-25 18:40:50 Mohit

好吧我做了一个jsfiddle.net/6AbL9/ – user2478101

我试着把这个添加到.hex，但它似乎没有工作:( – user2478101

这里是jsfiddle http://jsfiddle.net/6AbL9 /用你给我的代码 – user2478101

喜user2478101修改代码以这种

$('div[class^=nav-]').on('click',function (e) { 
    e.preventDefault(); 
    var target = $(this).find('a[href^="#"]').attr('href'); 
    // you code goes here 
    }); 
});

E [foo的^ =“bar”]一个E元素，其“foo”属性值以字符串“bar”开头，详情请访问http://www.w3.org/TR/css3-selectors/

来源

2013-07-26 08:37:11

您不需要CSS3或jQuery，只需使用HTML地图标记即可。这个标签允许你通过定义点的坐标来定义多个可点击的区域，它们是任何形状，圆形或三角形等。

它被广泛支持，并不需要JavaScript。

http://www.w3schools.com/tags/tag_map.asp

一个方便的工具来帮助生成坐标为这里：http://www.image-maps.com/

来源

2013-08-06 10:46:28 jammypeach

制作完整的六角形可点击链接

回答

相关问题