2016-01-05 3 views
0

сделать небольшой веб-сайт (он все еще находится в автономном режиме, когда он находится в блокноте), и мне было интересно, могу ли я получить текст (и изображение, когда я его вставил), чтобы исчезнуть, когда кто-то обращается к сайту? Я видел другие вопросы здесь, но никто не работал для меня, только начал изучать html сегодня! Если возможно, я бы предпочел не использовать java, поскольку у меня нет опыта с этим спасибо!Как использовать fade in на странице load up html

<!DOCTYPE html> 
<html> 
<head> 
<title>Title</title> 

<style> 
body { 
    background-color: lightgrey;" 
} 
ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
    background-color: #333; 
} 

li { 
    float: left; 
} 

li a { 
    display: block; 
    color: white; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
} 

li a:hover:not(.active) { 
    background-color: #111; 
} 

.active { 
    background-color: #4CAF50; 
} 
</style> 
<style> 
p.one { 
    border: 1px lightgrey; 
    background-color: lightgrey; 
    padding-top: 50px; 
    padding-right: 30px; 
    padding-bottom: 40px; 
    padding-left: 0px; 
} 

IMG.displayed { 
    display: block; 
    margin-left: auto; 
    margin-right: auto 

} 

</style> 


</head> 

<body> 
<ul> 
    <li><a class="active" href="#home">Home</a></li> 
    <li><a href="#news">Our Routes</a></li> 
    <li><a href="#contact">Contact</a></li> 
    <li><a href="#about">About</a></li> 
</ul> 

<IMG class="displayed" src="E:\Users\PC\Documents\Image" alt="..."> 



<h1 align="center"> HOME </h1> 
<p class="one", align="center"> Text Goes here 
</p> 

</body> 
</html> 
+1

мне нужно увидеть ваш HTML, если вы хотите, тщательный ответ. Я предлагаю положить все в кодировщик и опубликовать ссылку здесь. – Joel

+0

@Joel Привет, спасибо за быстрый ответ, отредактировал мое сообщение, чтобы показать весь html, который я написал до сих пор, спасибо! – snazzyconnor

+0

не требуется для 2