Tia
В запросы в следующий раз обращайтесь
<style type="text/css">
#part1,#part2,#part3,#part4,#part5,#part6 {
z-index: 2;
position: absolute;
background: url(ссылка на фон при выпадении);
border: 1px dotted #002000;
visibility: hidden}
</style>Элементы обрамления если ненужна рамка - просто удалите строку
Количество окошек. Будьте внимательнее лишние лучше удалить, еже ли нужны еще дописывать в строку
<script language="JavaScript">
function part1ON() {document.getElementById("part1").style.visibility='visible'}
function part2ON(){document.getElementById("part2").style.visibility='visible'}
function part3ON(){document.getElementById("part3").style.visibility='visible'}
function part4ON(){document.getElementById("part4").style.visibility='visible'}
function part5ON() {document.getElementById("part5").style.visibility='visible'}
function part6ON() {document.getElementById("part6").style.visibility='visible'}
function part1OFF() {document.getElementById("part1").style.visibility='hidden'}
function part2OFF(){document.getElementById("part2").style.visibility='hidden'}
function part3OFF(){document.getElementById("part3").style.visibility='hidden'}
function part4OFF(){document.getElementById("part4").style.visibility='hidden'}
function part5OFF(){document.getElementById("part5").style.visibility='hidden'}
function part6OFF(){document.getElementById("part6").style.visibility='hidden'}
</script>При добавлении ячеек не забывайте добавлять строки и сюда выделенные цифры меняйте по возрастанию дальше
<div align="center"><a href="" onMouseOver="part1ON()" onMouseOut="part1OFF()"><img src="ссылка на картинку" alt="текст при загрузке (отсутствие картинки)"></a> </div>
<div id="part1" style="height: auto; width:200px" onMouseOver="part1ON()" onMouseOut="part1OFF()">
Текст выпадает
</div>Ширина ячейки
Эту часть нужно дублировать столько раз сколько у вас ячеек и выделенные цифры менять на следующие по возрастанию (например в следующей такой же части везде будет 2)
Отредактировано Toshiro (03.07.10 19:08)









