ICI header("Location: http://www.mytesting.fr ");

CHUTE DE FEUILLES

par André MARINI 3 Janvier 2016, 11:00 Astuces de blogueur

Le code utilise les balises <marquee></marquee> pour chaque défilement mais la vitesse ou scrollamount est variable de façon à donner l'impression de chute véritable.

 

La direction est forcément "down" dans ce cas.

 

CODE

<marquee direction="down" scrollamount="3" style="z-index: 645; position: absolute; width: 50px; height: 950px; top: 50px; left: 120px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_2dacac_feuille.jpg" /></marquee>
<p><marquee direction="down" scrollamount="4" style="z-index: 645; position: absolute; width: 50px; height: 1600px; top: 70px; left: 170px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_2dacac_feuille.jpg" /></marquee><br />
<marquee direction="down" scrollamount="5" style="z-index: 645; position: absolute; width: 50px; height: 1550px; top: 90px; left: 220px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_2dacac_feuille.jpg" /></marquee> 
<marquee direction="down" style="z-index: 645; position: absolute; width: 50px; height: 1770px; top: 30px; left: 270px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_2dacac_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="7" style="z-index: 645; position: absolute; width: 50px; height: 1640px; top: 30px; left: 320px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="2" style="z-index: 645; position: absolute; width: 50px; height: 270px; top: 30px; left: 240px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_2dacac_feuille.jpg" /></marquee> 
<marquee direction="down" scrollamount="3" style="z-index: 645; position: absolute; width: 50px; height: 1550px; top: 30px; left: 140px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_2dacac_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="2" style="z-index: 645; position: absolute; width: 50px; height: 1660px; top: 30px; left: 290px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_2dacac_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="2" style="z-index: 645; position: absolute; width: 50px; height: 1530px; top: 30px; left: 360px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_2dacac_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="3" style="z-index: 645; position: absolute; width: 50px; height: 1600px; top: 50px; left: 390px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_2dacac_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="4" style="z-index: 600; position: absolute; width: 50px; height: 520px; top: 70px; left: 440px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="2" style="z-index: 645; position: absolute; width: 50px; height: 1420px; top: 100px; left: 470px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="3" style="z-index: 645; position: absolute; width: 50px; height: 1680px; top: 130px; left: 100px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee><br />
<marquee direction="down" scrollamount="4" style="z-index: 645; position: absolute; width: 50px; height: 610px; top: 70px; left: 460px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="2" style="z-index: 645; position: absolute; width: 50px; height: 1530px; top: 100px; left: 490px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="4" style="z-index: 645; position: absolute; width: 50px; height: 1740px; top: 170px; left: 220px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="2" style="z-index: 645; position: absolute; width: 50px; height: 1980px; top: 200px; left: 310px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="3" style="z-index: 645; position: absolute; width: 50px; height: 1840px; top: 250px; left: 550px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="2" style="z-index: 645; position: absolute; width: 50px; height: 1680px; top: 290px; left: 490px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="3" style="z-index: 645; position: absolute; width: 50px; height: 1470px; top: 40px; left: 500px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee>
<marquee direction="down" scrollamount="2" style="z-index: 645; position: absolute; width: 50px; height: 1990px; top: 60px; left: 290px;"><img border="0" src="http://data.over-blog-kiwi.com/1/30/51/51/20151218/ob_f9b286_feuille.jpg" /></marquee></p>

 



Haut de page