Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: при наводке курсора меняеться картинка или <div>
 
 автор: ronin   (12.12.2006 в 16:57)   письмо автору
 
 

Здравствуйте! К примеру имеется ссылка и, когда наводишь на нее курсор - меняется картинка или лучше один див меняется на другой, до этого невидимый.

   
 
 автор: AlexSol   (12.12.2006 в 17:04)   письмо автору
 
   для: ronin   (12.12.2006 в 16:57)
 

>один див меняется на другой, до этого невидимый

это через javaScript

>К примеру имеется ссылка и, когда наводишь на нее курсор - меняется картинка

это css a:hover (http://e-lusion.com/design/menu/)

   
 
 автор: ronin   (12.12.2006 в 17:15)   письмо автору
 
   для: AlexSol   (12.12.2006 в 17:04)
 

По ява скриптам не поможете? Спасибо за css, взял на заметку.

   
 
 автор: servannin   (12.12.2006 в 17:10)   письмо автору
 
   для: ronin   (12.12.2006 в 16:57)
 

пример с картинками (see attach.)

   
 
 автор: ronin   (12.12.2006 в 17:18)   письмо автору
 
   для: servannin   (12.12.2006 в 17:10)
 

Спасибо! Красиво

   
 
 автор: servannin   (12.12.2006 в 17:20)   письмо автору
 
   для: ronin   (12.12.2006 в 16:57)
 

так а что вам конкретно помочь по javascript?

   
 
 автор: ronin   (12.12.2006 в 17:33)   письмо автору
 
   для: servannin   (12.12.2006 в 17:20)
 

Имеется три ссылки, с каждой связан определенный<div>.Первая ссылка указывает на видимый див, две остальные на невидимые, при наведении на второую или третию ссылку - первый див становиться невидимым и соответственно второй или третий становятся видимыми.

   
 
 автор: servannin   (12.12.2006 в 17:41)   письмо автору
 
   для: ronin   (12.12.2006 в 17:33)
 

а можно имеющийся код в студию?

   
 
 автор: ronin   (12.12.2006 в 18:00)   письмо автору
 
   для: servannin   (12.12.2006 в 17:41)
 

Блин, если честно кода та и нетути. Т.е. требуется помощь зала, так как звонок другу не оплачивает Билайн:)

   
 
 автор: servannin   (12.12.2006 в 18:11)   письмо автору
 
   для: ronin   (12.12.2006 в 18:00)
 

через несколько минут выложу скрипт

   
 
 автор: servannin   (12.12.2006 в 18:21)   письмо автору
 
   для: servannin   (12.12.2006 в 18:11)
 

Если правильно понял,то ,например,так:


<html>
<head>
<script language="JavaScript">
function foo(id){
document.getElementById("div1").style.display = 'none';
document.getElementById("div2").style.display = 'none';
document.getElementById("div3").style.display = 'none';
document.getElementById("div" + id).style.display = '';
}
</script>
</head>
<body>
<form name="myForm">
<div style="display:true" id="div1">div1</div>
<div style="display:none" id="div2">div2</div>
<div style="display:none" id="div3">div3</div>
<a id="a1"  onmouseover="foo(1)" href="#">link1</a>
<a id="a2" onmouseover="foo(2)" href="#">link2</a>
<a id="a3" onmouseover="foo(3)" href="#">link3</a>
</form>
</body>
</html>

но можно сделать более умно,если оч. необходимо и это не устраивает,то сделаю по-другому (хотя результат будет тот же ;) )

   
 
 автор: ronin   (12.12.2006 в 18:46)   письмо автору
 
   для: servannin   (12.12.2006 в 18:21)
 

Обрабатываю...

   
 
 автор: ronin   (12.12.2006 в 18:56)   письмо автору
 
   для: ronin   (12.12.2006 в 18:46)
 

Фантастика!!! Тут такие эффекты! Большое спасибо! И бесплатно., та за такую информацию можно деньги брать!!!

   
 
 автор: servannin   (12.12.2006 в 19:05)   письмо автору
 
   для: ronin   (12.12.2006 в 18:56)
 

Не за что.
PS: Ну вы даёте :) Это не фантастика, это всего лишь javascript... ;) Рад,что помог. Обращайтесь если что.

   
 
 автор: ronin   (14.12.2006 в 19:20)   письмо автору
 
   для: servannin   (12.12.2006 в 19:05)
 

http://www.web-design.lviv.mobi/
Вот, что получилось:)

   
 
 автор: servannin   (14.12.2006 в 20:00)   письмо автору
 
   для: ronin   (14.12.2006 в 19:20)
 

а почему так темно? я подумал свет у нас на работе отрубили.. :))

и если на то пошло, то может сделать так: когда выбираешь "Портфолио" или "Е-мэил",то табменю "Счетчики" исчезало бы? как думаете? :) (хотя из меня дизайнер никакой)

   
 
 автор: ronin   (15.12.2006 в 10:28)   письмо автору
 
   для: servannin   (14.12.2006 в 20:00)
 

Так по идее, когда выбираеш Портфолио" или "Е-мэил - то счетчки исчезают, у меня во-всяком случае:) А вот еще вопрос, если я захожу, к примеру, в поле портфолио чтобы кнопка портфолио продолжало гореть? А то что темно, чтоб глаза не уставали.:) Хотя учту критику поставлю лампочку с большой мощностью.

   
 
 автор: servannin   (15.12.2006 в 13:41)   письмо автору
 
   для: ronin   (15.12.2006 в 10:28)
 

ronin,извини, у меня не будет времени ближайшие 2 недели,так как пришла большая работа.
насчет 'горения' думаю ничегог сложного,просто действительно времени вообще нет.
может ответит кто-нибудь другой.
Удачи!

   
 
 автор: ronin   (15.12.2006 в 19:03)   письмо автору
 
   для: servannin   (15.12.2006 в 13:41)
 

Всеравно спасибо! Сам принцип интересен.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования