Question

例如，在http://codepen.io/web-tiki/pen/meskA上，如何在点击三角形时添加三角形的链接？

<div class="t">
<div class="wrap">
    <div class="triangle"></div>
    <div class="mask"></div>
</div>
<div class="wrap">
    <div class="triangle"></div>
    <div class="mask"></div>
</div>
<div class="wrap">
    <div class="triangle"></div>
    <div class="mask"></div>
</div>
<div class="wrap">
    <div class="triangle"></div>
    <div class="mask"></div>
</div>
<div class="wrap">
    <div class="triangle"></div>
    <div class="mask"></div>
 </div>
 <div class="wrap">
    <div class="triangle"></div>
    <div class="mask"></div>
 </div>
</div>

Answer 1

像这样：

<div class="wrap">
   <a href="somewhere.com">
      <div class="triangle"></div>
      <div class="mask"></div>
   </a>
</div>

或使用jQuery动态：

$(".wrap").each(function(){
  $(this).find("div").wrapAll( "<a href='link.com' />");
});

Answer 2

你可以在你得到的每个包裹div上添加onclick事件。

<div class="wrap" onclick="location.href = 'www.yoursite.com'">

是否可以在HTML中添加链接到掩码

2 个答案: