Сделал что бы можно было из списка выбирать и кнопкой листать дальше
Только с разметкой разберитесь, там бардак немного.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>All books</title>
<meta name="description" content="All books"/ >
<meta name="keywords" content="All books"/ >
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
</head>
<body background=zadniy_fon3.jpg>
<iframe name="site" width="100%" height="700" src="http://javascript.ru/"></iframe>
<caption></caption>
<tr>
<th>
<form id="book" >
<select id="mymenu">
<optgroup label="group1">
<option value="http://javascript.ru/" target="site">javascript </option>
<option value="https://webref.ru" target="site">webref</option>
<option value="http://htmlbook.ru" target="site">htmlbook</option>
</optgroup>
<optgroup label="group2">
<option value="http://proklondike.com" target="site">proklondike</option>
<option value="http://forcoder.ru" target="site">forcoder</option>
<option value="https://habrahabr.ru" target="site">habrahabr</option>
</optgroup>
<optgroup label="group3">
<option value="http://progbook.ru/" target="site">progbook</option>
<option value="http://lifehacker.ru" target="site">lifehacker</option>
<option value="http://aldebaran.ru" target="site">aldebaran</option>
</optgroup>
</select>
<input id="but1" type="button" class="button4" value="Следующий сайт >">
</form>
</th>
</tr>
</table>
<script>
var button = document.getElementById('but1'),
iframe = document.getElementById('fr'),
select = document.getElementById('mymenu'),
options = select.getElementsByTagName('option'),
count = select.selectedIndex;
select.onchange = function(){
top.site.location.href = this.options[this.selectedIndex].value;
count = this.options.selectedIndex;
};
button.onclick = function(){
count++;
if (count == options.length) { count = 0};
select.options[count].selected = true;
select.onchange();
};
</script>
</body>
</html>
</body>
</html>