<html> <html>
<head><title>Animation</title> <head><title>Animation</title>
<style> <style>
body{ body{
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
background-attachment: fixed; background-attachment: fixed;
} }
</style> </style>
</head> </head>
<body background="bg.jpg"> <body background="bg.jpg">
<marquee scrollamount="16"> <marquee scrollamount="16">
<img src="birds.gif" width="16%"/> <img src="birds.gif" width="16%"/>
</marquee> </marquee>
<br><br><br><br><br><br><br> <br><br><br><br><br><br><br>
<marquee direction="right" scrollamount="35"> <marquee direction="right" scrollamount="35">
<img src="1.gif" width="26%"/> <img src="1.gif" width="26%"/>
<img src="2.gif" width="22%"/> <img src="2.gif" width="22%"/>
<img src="3.gif" width="16%"/> <img src="3.gif" width="16%"/>
<img src="4.gif" width="30%"/> <img src="4.gif" width="30%"/>
</marquee> </marquee>
</body> </body>
</html> </html>
<html> <html>
<head><title>Animation</title> <head><title>Animation</title>
<style> <style>
body{ body{
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
background-attachment: fixed; background-attachment: fixed;
} }
</style> </style>
</head> </head>
<body background="bg.jpg"> <body background="bg.jpg">
<marquee scrollamount="16"> <marquee scrollamount="16">
<img src="birds.gif" width="16%"/> <img src="birds.gif" width="16%"/>
</marquee> </marquee>
<br><br><br><br><br><br><br> <br><br><br><br><br><br><br>
<marquee direction="right" scrollamount="35"> <marquee direction="right" scrollamount="35">
<img src="1.gif" width="26%"/> <img src="1.gif" width="26%"/>
<img src="2.gif" width="22%"/> <img src="2.gif" width="22%"/>
<img src="3.gif" width="16%"/> <img src="3.gif" width="16%"/>
<img src="4.gif" width="30%"/> <img src="4.gif" width="30%"/>
</marquee> </marquee>
</body> </body>
</html> </html>
