<link rel="stylesheet" href="css/reset.css" />
  <link rel="stylesheet" href="css/style.css" />
  
  <script type="text/javascript" src="jquery.min.js"></script>
  <title>Untitled Document</title>
  
  <script type="text/javascript">
      $(function() {
      $(".slideBox").hover(function(){
      $(this).find("img").stop().animate({
      top:-325
      }, 500);
      }, function(){
      $(this).find("img").stop().animate({
      top:0
      }, 500);
      });
      });
 </script>

<div id="container">
      
  <div class="slideBox">
  <img src="images/picture1.jpg" alt="testing" />
  
  <div class="content">
  <h1>HTML Ipsum Presents</h1>
  <p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
  </div>
  
  </div>
  </div><!--end slideBox-->
  
  <div class="slideBox">
  <img src="images/picture2.jpg" alt="testing" />
 <div class="content">
  <h1>HTML Ipsum Presents</h1>
  <p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
  </div>
 </div>
  </div><!--end slideBox-->
  
  </div><!--end container-->

<a>

<a class="animgif" href="#"><img src="animation.gif" /></a>

.animgif {
 display: block;
 width: 150px; /* Ширина и */
 height: 150px; /* высота картинки */
 background: url("stat.gif") no-repeat; /* Заливаем блок статичной картинкой */
}


a.animgif img {
 visibility: hidden; /* Aнимация не будет видна в ситуации, когда мышь не наведена */
}

a.animgif:hover {
 background: none; /* Фон (статичное изображение) не должно быть видно при наведении мыши */
}

a.animgif:hover img {
 visibility:visible; /* При наведении анимация показывается */
 border: 0; /* без рамки  */
}

<a href="http://forum.antichat.ru" title="Форум АНТИЧАТ
Forum ANTICHAT">ссылка</a>

<table border='0' cellpadding='0' cellspacing='0'>
    <tr>
        <td>
            <img src='image.jpg' border='0' vspace='0' hspace='0' />
        </td>
    </tr>
</table>

<table border='0' cellpadding='0' cellspacing='0'>
    <tr>
        <td><img src='image.jpg' border='0' vspace='0' hspace='0' /></td>
    </tr>
</table>

<a href="http://forum.antichat.ru" title="Форум "&#09"; (без кавычек) АНТИЧАТ
Forum ANTICHAT">ссылка</a>

<a href="http://forum.antichat.ru" title="Форум АНТИЧАТ&#09Forum ANTICHAT">ссылка</a>