Rambler's Top100
, : |

! : http://dreamweaver.net.ru/new-forum/

| FAQ | | |

как?при наведении и нажатии на кнопку(рисунок)-> меняется

 
  ,         .     ,        .     Форум Macromedia Dreamweaver -> Работа с Dreamweaver
 
УГУ
Новичок

Новичок




: 06.11.2004
: 10

: 07, 2004 12:03 am     : как?при наведении и нажатии на кнопку(рисунок)-> меняется

как сделать?
что бы при наведении и нажатии на кнопку(рисунок) менялася рисунок.... т.е. сделать эфект подсвечивания кнопки на которую наведен курсор...
sandro
Модератор

Модератор


: 53

: 21.08.2004
: 95

: 07, 2004 4:02 am     :

Сначало надо изготовитиь в каком-нибудь графическом редакторе для каждой кнопки пару заготовок! Так как ты хочешь, что бы твоя кнопка выглядела в статичном положении и второе так, как ты хотел бы что бы выглядела кнопка при наведении курсора...
Далее идем в Dreamweaver и открываем окно поведений. Window>Behaviors
Откроется окошко, сначало выдели свое статичное изображение, а потом нажми на плюс + в этом окошке, откроется список поведений, но ты не теряйся выбирай нужное тебе Swap Image! После этого выбери у себя в папке компьютера, то изображение, которое будет появляться при наведени курсора... Щелкай ОК... Так же сделай и с другими кнопками... Потом открой страницу и проверь, все должно работать! Very Happy Удачи!
Юлия4
Новичок

Новичок




: 05.11.2004
: 8
: г.Бакал

: 07, 2004 7:45 am     : Re: как?при наведении и нажатии на кнопку(рисунок)-> меня

УГУ ():
как сделать?
что бы при наведении и нажатии на кнопку(рисунок) менялася рисунок

Активные изображения
Изображения, реагирующие на действия пользователя. Dreamweaver позволяет делать их несколькими щелчками мыши. Единственное, о чем вам нужно позаботиться, так это о втором изображении, которое будет появляться на месте исходного, когда пользователь наведет на него курсор мыши (так называемое перекрывающее изображение).
Активное изображение вставляется с помощью кнопки Rollover Image вкладки Common панели объектов или пункта Rollover Image подменю Interactive Images меню Insert. При этом на экране появляется диалоговое окно Insert Rollover Image.
В поле ввода Image Name вводится уникальное имя вставляемого активного изображения. Имя должно содержать только латинские буквы, цифры и знаки подчеркивания, причем начинаться должно с буквы.
В поле ввода Original Image вводится имя файла оригинального изображение. Если вы не хотите вводить его вручную, нажмите кнопку Browse справа от этого поля ввода. После этого на экране появится диалоговое окно Select Image Source где вы выбираете нужный файл.
В поле ввода Rollover Image вводится имя файла перекрывающего изображения. Также, если вам неохота водить его вручную, на помощь придет кнопка Browse.
Флажок Preload Rollover Image заставляет Dreamweaver сгенерировать и вставить в HTML-код вашей страницы небольшую программу-сценарий, которая заранее загрузит перекрывающее изображение. Этот флажок включен по умолчанию, и отключать его не стоит. Если же его отключить, то перекрывающее изображение будет загружено тогда, когда в нем возникнет нужда, т. е. когда пользователь поместит над изображением курсор мыши.
В поле ввода Alternate Text вводится "альтернативный текст".
Последнее поле ввода When Clicked, Go To URL задает интернет-адрес, по которому произойдет переход, если пользователь щелкнет на изображении.
:
сделать эфект подсвечивания кнопки на которую наведен курсор

Это можно сделать увеличив значение Border (граница рисунка), если этот рисунок сделан как ссылка, то эта граница будет менять цвет при наведении курсора на рисунок.
Денис
Модератор

Модератор


: 42

: 21.08.2004
: 1490
: Санкт-Петербург

: 07, 2004 6:19 pm     :

Юлия4, браво!
УГУ
Новичок

Новичок




: 06.11.2004
: 10

: 08, 2004 1:46 am     :

пасиб большое.... будем разбератьсяSmile
УГУ
Новичок

Новичок




: 06.11.2004
: 10

: 08, 2004 2:38 pm     :

а такое дело... возможно ли без джавы.. все это дело ?Smile
Денис
Модератор

Модератор


: 42

: 21.08.2004
: 1490
: Санкт-Петербург

: 08, 2004 5:58 pm     :

Без ДжаваСкрипт - нельзя!
УГУ
Новичок

Новичок




: 06.11.2004
: 10

: 09, 2004 1:52 am     :

пасиб сделал ... все получилось очень хорошо.... пасибки большое ребяткиSmile
особенно юленькеSmile
admin
Администратор

Администратор


: 40

: 10.08.2004
: 1717
: Ukraine

: 09, 2004 6:46 am     :

Еще это можно сделать с помощью [url=http://dreamweaver.net.ru/articles/a-css.php]CSS[/url]. Но этот вариант применим только тогда, когда не используется графика, только текст.
Json
Новичок

Новичок


: 42

: 03.08.2011
: 1

: 03, 2011 10:59 am     :

Непонятно почему нельзя, а так.
Берем 2 кнопки с тенью и без.

[img]C:\Documents and Settings\Жека\Мои документы\bottom_ten.png[/img]
[img]C:\Documents and Settings\Жека\Мои документы\bottom.png[/img]

И далее код:
[code:1:2b08671d15]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Кнопка</title>
<style type="text/css">
a:link {
background-image: url(bottom_ten.png);
display: block;
width: 171px;
height: 30px;
}
a:visited {
background-image: url(bottom_ten.png);
display: block;
width: 171px;
height: 30px;
}
a:active {
background-image: url(bottom.png);
display: block;
width: 164px;
height: 22px;
position: absolute;
top: 21px;
left: 12px;
}
</style>
</head>
<body>
<p><a href="#"></a></p>
</body>
</html>
[/code:1:2b08671d15]
Получаем эффект нажатия кнопки, или я что то нетак понял.
:   
  ,         .     ,        .     Форум Macromedia Dreamweaver -> Работа с Dreamweaver : GMT + 2
1 1

 


Powered by phpBB © 2001, 2005 phpBB Group
phpBB


/ : 136722 / 0

Rambler's Top100 @Mail.ru