Maison > Article > interface Web > Méthode JavaScript pour masquer et afficher des images à intervalles réguliers_compétences javascript

Méthode JavaScript pour masquer et afficher des images à intervalles réguliers_compétences javascript

WBOYoriginal: 2016-05-16 15:46:421522parcourir

L'exemple de cet article décrit comment implémenter le masquage et l'affichage temporels des images à l'aide de JavaScript. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

JavaScript est utilisé ici pour masquer et afficher les images à intervalles réguliers. L'image sera automatiquement affichée ou masquée après quelques secondes. Vous pouvez définir vous-même le nombre de secondes dans l'extrait de code JavaScript.

L'effet de l'opération est comme indiqué ci-dessous :

Le code spécifique est le suivant :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>定时隐藏图片</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
var sec=10;
var timer;
function hidepic()
{
 sec--;
 if (sec==0){
  textfield.value = "图片被隐藏";
  soccer.style.visibility =(soccer.style.visibility == "hidden") &#63; "visible" : "hidden";
 }
 else{
  textfield.value = "图片会在 "+sec+" 秒后隐藏";
  setTimeout("hidepic()",1000);
 }
}
</SCRIPT>
<body onLoad = "hidepic();">
<center>
 <input name="textfield" type="text" size="20"> <br>
 <DIV ID="soccer" STYLE="position:absolute; left:333px; top:43px">
 <img border="0" src="http://www.jb51.net/images/logo.gif" >
 </DIV>
</center> 
</body>
</html>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：JS implémente l'effet de boîte d'invite de texte de lien qui suit la sourisArticle suivant：JS implémente l'effet de boîte d'invite de texte de lien qui suit la souris

Articles Liés

Voir plus