是否可以添加鏈接到HTML中的掩碼

例如在這個http://codepen.io/web-tiki/pen/meskA如何在點擊時添加一個鏈接到三角形？是否可以添加鏈接到HTML中的掩碼

<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>

來源

2017-01-16 Squidly

所以，你想添加一個鏈接被點擊三角形動態時，或者你想環繞一個三角形的鏈接？ – BramH

是的，將它添加到html中，並將其設置爲塊元素http://codepen.io/gc-nomade/pen/apmrQN –

像這樣：

<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' />"); 
});

來源

2017-01-16 18:47:12 Syden

，你可以對你有每個包裹的div添加的onclick事件。

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

來源

2017-01-16 18:51:30 Jeremy

是否可以添加鏈接到HTML中的掩碼

回答

相關問題