2017-02-17 2 views
0

я сделал сайт с GIF фоном, и после того, как мыши в любом месте на экране я хочу перейти на другой сайт (что-то вроде softlaunch)перейдите на другой сайт после щелчка в любом месте на фоне?

мой HTML и CSS

body { 
 
    background: url(main.gif) no-repeat center center fixed; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
    background-color: #000000; 
 
    width: 100%; 
 
    height: 100%; 
 
}
<!doctype html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <link rel="shortcut icon" type="image/png" href="fav.png" /> 
 
    <link href="style.css" rel="stylesheet" type="text/css"> 
 
    <title>@nosleep</title> 
 
</head> 
 

 
<body> 
 
</body> 
 

 
</html>

+0

ли у вас возникли проблемы с отображением образа, как вам хотелось бы, или вам нужна помощь в применении события click? –

ответ

0

Вы можете избежать javascript, добавив элемент, который заполняет экран; что-то вроде этого:

body { 
 
    background: hsl(0,0%,50%); 
 
} 
 
a#fill{ 
 
    position:fixed; 
 
    top:0; 
 
    left:0; 
 
    height:100vh; 
 
    width:100vw; 
 
    color: color:hsl(0,0%,80%); 
 
    text-align: center; 
 
    padding-top: 45vh; 
 
    transition: .3s background-color, .3s color; 
 
} 
 
a#fill:hover { 
 
    background-color: hsla(0,0%,0%,.3); 
 
    color: white; 
 
}
<a href="https://jsfiddle.net/" id="fill">click to visit jsfiddle</a>

Если вы предпочитаете, вы можете также сделать это с помощью простой JavaScript, если вы так склонны:

document.addEventListener("DOMContentLoaded", function() { 
    document.getElementsByTagName('body')[0].addEventListener('click',function(){ 
    window.location = 'http://developer.mozilla.org'; 
    }); 
}); 

Но у

0

Здесь представляет собой код для обработки события click для вас:

<script> 
    $(document).ready(function() { 
     $("body").on("click", function() { location.href = 'http://developer.mozilla.org'; }); 
    }); 
</script> 

Надежда t его помогает.

Смежные вопросы