Смена картинки при наведении курсора

[Super]

Подскажите пожалуйста......
Хочу сделать меню навигации сам нарисовал две картинки будушей кнопки в фотошопе первая картинка без эфектов просто рисунок карты города мленький, а вторая с эффектом подсвечивания. Как или с помощью какой программы можно сделать так, что бы они работали, когда курсор не наводиш первая картинка, а когда курсор навел вторая с эффектом подсвечиваня?????
Плиз кто знает помогите оч как надо.................

 

[Creator]

Самый простой вариант реализации смены картинки при наведении курсора на CSS и HTML.

CSS:

a.menu {                                          
background-image: url('images/def.gif');    
display:block;                      
width:100px;
height:30px;
}
a.menu:hover {                                       
background-image: url('images/rollower.gif');
display:block;
width:100px;
height:30px;
}

HTML:

<a href="#" class="menu">menu1</a>
<a href="#" class="menu">menu2</a>
<a href="#" class="menu">menu3</a>

 

[Super]

Самый простой вариант реализации смены картинки при наведении курсора на CSS и HTML.

CSS:

a.menu {                                          
background-image: url('images/def.gif');    
display:block;                      
width:100px;
height:30px;
}
a.menu:hover {                                       
background-image: url('images/rollower.gif');
display:block;
width:100px;
height:30px;
}

HTML:

<a href="#" class="menu">menu1</a>
<a href="#" class="menu">menu2</a>
<a href="#" class="menu">menu3</a>

А небывает програм может каких нибудь наподобие может кул мувес чтоб по фреймам разбить тока сохранять как кнопку а ни как флеш баннер????
А то языки css и html я незнаю только первый сайт делаю я все в дрим вьювере вставляю уже готовое баннер нарисова вставил и ок а с кодом точно неразбирусь как куда его вставлять где траекторию картинки указать. :blink:

 

[kein]

Это не сложно, к примеру самое простое:

<img src="/images/btn.png" id="btn" omnouseover="document.getElementById('btn').style.backgroundImage='/images/pnghover.png'"  omnouseout="document.getElementById('btn').style.backgroundImage='/images/png.png'"/>

Не забудь что ява сркипт в коде писать плохо, итд. Здесь только для наглядности.

 

[kein]

Если серьезно этим займешься, все равно перейдешь в текстовый редактор, дримвьювер трэш, нормального сайта не сделаешь

 

[trueW3C]

где траекторию картинки указать.

Спасибо за настроение на весь день... :biggrin:

 

[localhost]

Учи HTML и CSS ... без этого будет сложно.