Форум

u4enik · #1 (**permalink**) 14.07.2011, 23:19

Здравствуйте дорогие javascript гуру и дизайнеры).. у меня есть вопрос.. значит есть блок див

Код:

<div class="navSectorNormal" onmouseover="this.className='navSectorSelected'" onmouseout="this.className='navSectorNormal'"><a href="#" class="link">DIV 2</a></div>

Код:

css:
div.navSectorNormal {
	width:100px;
	height:100px;
	margin-right:50px;
	float:left;
	background:#999999;
	}
div.navSectorSelected {
	width:120px;
	height:100px;
	margin-right:30px;
	float:left;
	background:#777777;
	}

при наведении курсором этот блок меняет класс с navSectorNormal на navSectorSelected. Скажите пожалуйста можна ли сделать так что бы при наведении курсором на этот див классы так же менялись но + еже с правой стороны появлялся еще один див блок.. к примеру такой

<div style="width:120px; height:100px; background:#999;">displayDiv</div>

я думал может можна кукую то функцию написать и влепить ее в onmouseover... но так как в javascript темный боюсь ляпнуть бред)

trikadin · #2 (**permalink**) 14.07.2011, 23:51

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Просто невозможно (точнее, возможно, но не очень хочется) читать кож, когда он не помещается на странице, + непомещающаяся часть на чёрном фоне))

Sweet · #3 (**permalink**) 15.07.2011, 01:52

Сообщение от u4enik

в javascript темный боюсь ляпнуть бред

И че?!? Это типа повод написать за тебя скрипт??? Пиши сам, "ученик", - это более чем реально.

u4enik · #4 (**permalink**) 15.07.2011, 02:19

спасибо, "свит".. без твоей помощи я точно не справился бы..

trikadin · #5 (**permalink**) 15.07.2011, 02:23

Вам достаточно почитать материал, расположенный на этом сайте в разедел "Основы".

Сообщение от u4enik

Скажите пожалуйста можна ли сделать так что бы при наведении курсором на этот див классы так же менялись но + еже с правой стороны появлялся еще один див блок..

Можно. Это действительно основы. Мега программистом быть не нужно.

P. S. В минус вам идёт то, что вы и не подумали отформатировать свой код. Я более терпим и добр, нежели Sweet, но - увы или ура - достаточно принципиален. Если человек стараться не хочет - то и я не буду.

u4enik · #6 (**permalink**) 15.07.2011, 03:40

trikadin а что не так с кодом? я на форумах не часто бываю (вернее тока читаю=) ).. но во всяком случае если что не так извините Sweet и trikadin, я не хотел поступать неуважительно или как там оно называется:P по отношению к вам и ко всему форуму..

ksa · #7 (**permalink**) 15.07.2011, 09:41

Сообщение от u4enik

можна ли сделать так что бы при наведении курсором на этот див классы так же менялись но + еже с правой стороны появлялся еще один див блок..

Как вариант...

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
#container {
	position: relative;
}
div.navSectorNormal {
	width:100px;
	height:100px;
	margin-right:50px;
	float:left;
	background:#999999;
}
div.navSectorSelected {
	width:120px;
	height:100px;
	margin-right:30px;
	float:left;
	background:#777777;
}
#box {
	position: absolute;
	top: 0;
	right: 0;
	width:120px; 
	height:100px; 
	background:#999;
}
div.navSectorNormal #box {
	display: none;
}
div.navSectorSelected #box {
	display: block;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='container'>
<div class="navSectorNormal" onmouseover="this.className='navSectorSelected'" onmouseout="this.className='navSectorNormal'">
	<a href="#" class="link">DIV 2</a>
	<div id='box'>displayDiv</div>
</div>
</div>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript