与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

回答

相关问题