В HEAD
Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
.box {display: none;}
.box2 {display: none;}
.box.visible {display: none;}
.tabs {list-style:none;}
ul, ul li{display:inline}
</style>
Code
<script>
(function($) {
$(function() {
$('ul.tabs').each(function() {
$(this).find('li').each(function(i) {
$(this).click(function(){
$(this).addClass('current').siblings().removeClass('current')
.parents('div.section').find('div.box').hide().end().find('div.box:eq('+i+')').fadeIn(150);
});
});
});
})
})(jQuery)
</script>
<div class="section">
<ul class="tabs">
<li class="current"><img src="http://rucoz.com/banners/88x31.gif" width="88" border="0" height="31"></li>
<li><img src="http://rucoz.com/designs_14/banners/t88.gif" width="88" border="0" height="31"></li>
</ul>
<div class="box visible">
Код баннера 1
</div>
<div class="box">
Код баннера 2
</div>
<div class="box2">
Код баннера 3
</div>
</div>