Вариант 1
Код:
<div class="container" id="list" style="display:none; position: absolute; z-index: 2"> <div id="list"> <a href="Ссылка с банера 1"><img src="Картинка баннера 1" style="cursor: pointer" /><br><br> <a href="Ссылка с баннера2"><img src="Картинка баннера 2" style="cursor: pointer" /></a><br><br> <a href="Ссылка с баннера3"><img src="Картинка баннера 3" style="cursor: pointer" /></a> </div></div>
Форма ответа!
Код создает кнопку под формой ответа. При нажатии появляеться компактный и симпатичный контейнер с баннерами.
Выглядит так:
Вариант 2
Эта версия построена как скрипт и ее(контейнер) можна вставлять в любое поле(имхо обьявление - оптимальнее всего)
Это задает стили и есть обязательным - HTML-верх
Код:
<style type="text/css">
#mylist {
position: relative;
visibility: hidden}
</style>Это скрипты - HTML-низ
Код:
<script>
function visibilityON() {
document.getElementById("mylist").style.visibility="visible"
}
function visibilityOFF() {
document.getElementById("mylist").style.visibility="hidden"
}
</script>А это - туда, где вы хотите, что б появился контейнер
Код:
<input type="button" value="Баннеры" onClick="visibilityON()"> <div id="mylist" class="container" ><br> <a href="http://podil100.com"><img src="http://podil100.com/img/ban.gif" style="cursor: pointer"><br><br> <a href="http://liceum100.mybb.ru"><img src="http://physmat.podil100.com/banner_88_33.gif" style="cursor: pointer"></a><br><br> <a href="http://google.com"><img src="http://physmat.podil100.com/banner_lic.gif" style="cursor: pointer"><br><br> <input type="button" value="Скрыть" onClick="visibilityOFF()"> </div>
Вид:
