與jQuery或JavaScript

-1

全屏鏈接我有一個負責任的索引頁只有一個背景圖像內容。當您點擊頁面中的任何位置時，都必須鏈接到主頁。第二，它也會很好，而不是一個簡單的指針，訪問者在整個頁面上看到一個鏈接圖標（不知道「手」是什麼），所以他立即知道整個頁面是可點擊的。與jQuery或JavaScript

搜查了很多在互聯網上，也許我的問題太簡單了，不能在任何地方找到答案，甚至沒有在教程。

以下是我已經想通了什麼我知道。這是不完整的，第三行肯定是不正確的，我不知道語法。

<script type="text/javascript"> 
$("body").on("click", function(){ 
    $(this).a href 'home.html'(); 
}); 
</script>

謝謝！

來源

2015-10-26 Betibu

要顯示你需要添加CSS屬性手鼠標指針：在你的身體「光標指針」。 – GobSmack

對於你的第一個問題，把它分解成幾塊。 click事件函數將接受一個參數'e'，它是一個對象，可能包含鼠標座標。您可能可以使用它來重新定位包含特定位置鏈接的div。 – halfer

去一個特定的URL在你.click()功能

使光標一隻手做cursor: pointer;在你的CSS做window.location.href

$(document).ready(function() { 
 
    $('body').on('click', function() { 
 
    window.location.href = "http://www.google.com"; 
 
    }); 
 
});

html, body { 
 
    height: 100%; 
 
} 
 
.body { 
 
    height: 100%; 
 
    background-color: lightgray; 
 
    cursor: pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="body"> 
 
</div>

來源

2015-10-26 21:11:59 indubitablee

您可以在沒有JavaScript的情況下執行此操作。

使用錨（無需光標樣式），並使用CSS來把它填滿整個窗口。

注：此示例還允許文本回退，如果CSS被禁用。

.full-page { 
 
     background:url("http://placehold.it/50x50") repeat; 
 
    
 
     /* full page link */ 
 
     bottom:0; 
 
     left:0; 
 
     position:fixed; 
 
     right:0; 
 
     top:0; 
 
     
 
     /* hide text */ 
 
     text-indent: 100%; 
 
     white-space: nowrap; 
 
     overflow: hidden; 
 
    }

<a class="full-page" href="/home.html">Click to go home</a>

來源

2015-10-26 21:10:17

與jQuery或JavaScript

回答

相關問題