Avoir un bouton clignotant en page d’accueil

Avoir un bouton clignotant en page d’accueil

Pour avoir une page d’accueil un peu originale on peut avoir envie de mettre un bouton d’entrée sur son index.

See the Pen OPXRKv by yuyazz (@yuyazz) on CodePen.

L’utilisateur devrait alors cliquer sur le bouton pour entrer et voir tout le site.
L’index.html, première page chargée,  doit donc  être codée au plus simple : on transfère donc tout son contenu ou ce qu’on comptait y mettre dans un nouveau fichier auquel on donne le nom de son choix , intro.html ou accueil.html ..ou ce que vous voulez. On revient sur index.html et on va juste y placer un bouton , ou un lien pour que  l’on puisse cliquer dessus et passer au reste du site.

Voici le code html: Dans mon exemple, le seul fait d’afficher un bouton n’est pas intéressant en soi, j’ajoute donc jquery et les fonctions fadeIn() et fadeOut'() pour faire clignoter mon image, surtout pour attirer le regard du visiteur, qui sera ainsi incité à cliquer pour voir la suite.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
function FrontImage (){
$("#intro").fadeOut(900).delay(300).fadeIn(800);
}
$(document).ready(function(){
setInterval('FrontImage()',2200);
});
</script>
</head>
<body>
<a href="intro.html" id="intro" class="logo"></a>