Форум PHP программистов > Не все стили срабатывают при obj.stye

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Не все стили срабатывают при obj.stye

DmitryOpalev

2.01.2011 - 23:38

Вот к примеру я пишу:

<div id='head' style='height: 30;' onMouseOver="body_on();">Текст вверху</div>
<div id='body' style='height: 30;>Текст внизу</div>

<script>
head = document.getElementById('head');
body = document.getElementById('body');
function body_on()
	{
	body.style.display = none;
	}
</script>

Т.е. когда мы наводим на верхний текст, нижний прячется. Поему не работает?

Спустя 39 минут, 23 секунды (2.01.2011 - 23:17) T1grOK написал(а):


var head;
var body;

window.onload = function() {
head = document.getElementById('head');
body = document.getElementById('body');
}

function body_on(){
body.style.display = "none";
}

Спустя 15 часов, 10 минут, 21 секунда (3.01.2011 - 14:28) DmitryOpalev написал(а):

А как можно прописать border-bottom?
Хотел написать так:

<a href='#' onClick="this.style.border-bottom='none'; ">

Не работает

Спустя 1 час, 48 минут, 36 секунд (3.01.2011 - 16:16) inpost написал(а):

Второе слово, которое пишется через тире в JS прописывается так:
borderBottom - это правило для всех, убирается тире и ставится буква большой

Спустя 41 минута, 16 секунд (3.01.2011 - 16:57) ИНСИ написал(а):

DmitryOpalev можно так сделать:

onmouseover="document.getElementById('body').style.display='none';"

А можно чуток добавить, сделать так:

function showBlock(radio,id) {
	var el = document.getElementById(id);
	if(radio == 1) el.style.display = 'block';	
	else el.style.display = 'none';	
}

onmouseover="showBlock(0,'body');" onmouseout="showBlock(1,'body')"

_____________
Курс валют

Быстрый ответ:

Здесь расположена полная версия этой страницы.