1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85
| <script type="text/javascript" language="javascript">
$(document).ready(function(){
animation();
setInterval("animation();",12000);
});
function animation(){
$('#div_0').animate({
"margin-top": 50,
"font-size":35
},1000, function() {
$('#div_0').delay(1500).animate({"margin-left":600,"margin-top":-400},1500);
});
$('#div_1').delay(3000).animate({
"margin-left": 50,
"margin-top":50,
"font-size":35
},1000, function() {
$('#div_1').delay(1500).fadeOut();
});
$('#div_2').delay(6000).animate({
"margin-left": 100,
"font-size":35
},1000, function() {
$('#div_2').delay(1500).animate({"margin-top":-250},1500);
});
$('#div_3').delay(9000).animate({
"margin-top": 50,
"font-size":35
},1000, function() {
$('#div_3').delay(1500).fadeOut();
});
$('#div_4').delay(12000).animate({
"margin-top": 50,
"font-size":35
},1000, function() {
$('#div_4').delay(1500).fadeOut();
});
}
</script>
<style type="text/css">
body{font-family:Arial, Helvetica, sans-serif;}
#conteneur{position:relative;width:600px;margin-left:auto;margin-right:auto;height:400px;background-color:#000000;overflow:hidden;}
#logo{position:absolute;top:315px;left:286px;}
#div_0 {position:absolute;top:50px;margin-top:-400px;margin-left:50px;color:#ff6600;font-size:35PX;}
#div_1 {position:absolute;top:100px;margin-left:-400px;margin-top:400px;color:#ff6600;font-size:35PX;}
#div_2 {position:absolute;top:100px;margin-left:-500px;color:#ff6600;font-size:35PX;}
#div_3 {position:absolute;top:100px;margin-top:400px;margin-left:100px;color:#ff6600;font-size:35PX;}
#div_4 {position:absolute;top:100px;margin-top:400px;margin-left:100px;color:#ff6600;font-size:35PX;}
h2{color:#fff;margin:5px;font-size:32px;}
span{display:block;}
</style>
</head>
<body>
<div id="conteneur">
<div id="div_0">
<h2>accueil</h2>
<span> 22000 appels par mois.</span>
</div>
<div id="div_1">
<h2>commande</h2>
<span> 352 000</span>
</div>
<div id="div_2">
<h2>facturation</h2>
<span> 22431 </span>
</div>
<div id="div_3">
<h2>commande web</h2>
<span> 44221 opérations.</span>
</div>
<div id="div_4">
<h2>réclamations</h2>
<span>32221 réclamations traités.</span>
</div>
</div> |
Partager