L'image d'affichage de l'effet est la suivante :
Cliquez ici pour voir le rendu :
http://keleyi.com/keleyi/phtml/jqtexiao/6.htm
Voici le code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>万圣节快乐！！-柯乐义</title>
<style type="text/css">
body{margin:0px;background-image:url(http://keleyi.com/keleyi/phtml/jqtexiao/6/Halloween2013_Keleyi.jpg); background-repeat:no-repeat;background-color:#030303;background-position:center top;}
.animate
{
margin-top:600px;
height:130px;
width:620px;
margin-left:auto;
margin-right:auto;
background:url(http://keleyi.com/keleyi/phtml/jqtexiao/6/keleyighost.gif) no-repeat;
background-position:-280px center;
}
</style>
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function guitiao() {
$("div#animate_kel"+"eyi_com").css({backgroundPosition:'-280px center'});
$("div#animate_ke"+"leyi_com").animate({ backgroundPosition: "620" },20232,guitiao);
});
</script>
</head>
<body>
<div id="animate_keleyi_com" class="animate">
</div>
<div><a href="http://keleyi.com/a/bjac/438uwrmi.htm" target="_blank">原文</a></div>
</body>
</html>Le code ci-dessus n'est-il pas très simple ? C'est la fin du tutoriel sur l'implémentation des effets spéciaux Happy Halloween basés sur Jquery. Reportez-vous au contenu ci-dessus et amusons-nous, les amis.
Tutoriel de récupération des icônes de mon ordinateur Win10
Linux voir la carte réseau
Quel échange est EDX ?
Code source gratuit d'un site Web personnel
Comment utiliser la fonction de tri
Comment activer le système de version professionnelle Win7
Utilisation de UpdatePanel
Exigences de configuration de l'ordinateur de programmation Python
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
