Code
<hr align="center" size="1" width="100%" noshade="noshade">
<style type="text/css">
.sSample {text-align:center;padding:3px;border:1px solid #488ebf;margin:5px;cursor:pointer;font-size:7pt;}
.sSampleO {text-align:center;padding:3px;border:1px solid #3d55e7;margin:5px;cursor:pointer;background:#488ebf;font-size:10pt;color:#ffffff;}
</style>
<div align="center"><marquee direction="up" scrollamount="2" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2" width="170" height="250">
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Site');"><img src="http://Banner.gif" border="1"><br>Website Name</div>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Site');"><img src="http://Banner.gif" border="1"><br>Website Name</div>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Site');"><img src="http://Banner.gif" border="1"><br>Website Name</div>
<div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Site');"><img src="http://Banner.gif" border="1"><br>Website Name</div>
</marquee></div>
<hr align="center" size="1" width="100%" noshade="noshade">