<marquee behavior="scroll" direction="left" width="96%" loop="0" scrollamount="3" scrolldelay="2" onMouseOver="this.stop()" onMouseOut="this.start()">
Бегущая строка
 </marquee>

<style> 
#menu {
height: 40px;
padding-top:8px;
width: 100%;
float:left;
}
#menu span {
padding: 15px 10px 15px; 
margin-right: 1px;
/* margin: 10px 0; */
width: 100px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
border: 1px dashed grey;
position: relative;
top: 5px;
}
#menu .tabactive {
color: blue;
}

#submenu {
height: 250px;
font-size: 14px;
width: 410px;
margin-left: 4px; 
text-align: center;
border: 1px dashed gray;
}

.submenutext {
display: none; 
height: 100%;
padding: 1px;
}

#submenu, #menu span, .zag1 {

    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<center>
<table border="0" cellpadding="0" cellspacing="0" summary="" style="background-image: url(http://savepic.org/1970682.png); background-repeat: no-repeat; width: 638px; height: 379px;">
<tr><td height="60" colspan="2">
<div id="menu">
<table summary="" width="100%">
<tr>
<td align="center" width="25%"><span alt=#sm1 "style="cursor: pointer;">Меню 1</span></td>
<td align="center" width="25%"><span alt=#sm2 "style="cursor: pointer;">Меню 2</span></td>
<td align="center" width="25%"><span alt=#sm3 "style="cursor: pointer;">Меню 3</span></td>
<td align="center" width="25%"><span alt=#sm4 "style="cursor: pointer;">Меню 4</span></td>
</tr>
</table>
</div>
</td></tr>
<tr>
<td height="260" width="425" id="MenuTxT">
<div id="submenu">
<!-- Содержимое кнокпи 1 -->
<div id="sm1" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 1</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Содержимое кнопки 2 -->
<div id="sm2" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 2</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">
1<br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a>
</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Содержимое кнопки 3 -->
<div id="sm3" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 3</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Содержимое кнопки 4 -->
<div id="sm4" class="submenutext" style="display:block;">
<div style="width: 100%; height: 50px; padding: 2px;">здесь меняется текст при нажатии 4</div>
<table summary="" width="100%" height="194" border="0" cellspacing="7" cellpadding="1" style="bottom: 2px!important;">
<tr>
<td width="120" rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>4</td>
</tr>
</table>
</div>
<!-- Конец содержимого кнопок  меню -->
</div>
</td>
<td width="213" rowspan="2">
<div style="width: 204px; height: 306px; margin-left: 2px; text-align: center; border: 1px dashed grey;" class="zag1">
<font size="+1"><b>Заголовок 1</b></font>
<br />
текст 1
</div>
</td>
</tr>
<tr>
<td height="59">
<div style="width: 410px; height: 48px; margin-left: 4px; text-align: center;">
<font size="+1"><b>Заголовок 2</b></font>
<br />
текст 2
</div>
</td>
</tr>
</table>
</center>

<td align="center">

<align=center></align>