Рассылка закрыта
При закрытии подписчики были переданы в рассылку "От Винта - Раскрутка сайта. Способы. Сравнительный анализ." на которую и рекомендуем вам подписаться.
Вы можете найти рассылки сходной тематики в Каталоге рассылок.
| ← Октябрь 2007 → | ||||||
|
1
|
3
|
4
|
5
|
6
|
7
|
|
|---|---|---|---|---|---|---|
|
8
|
10
|
11
|
12
|
13
|
14
|
|
|
16
|
17
|
18
|
19
|
20
|
21
|
|
|
22
|
24
|
25
|
26
|
27
|
28
|
|
|
29
|
30
|
|||||
Статистика
-7 за неделю
Web - полезные советы по веб-строительству - Картинка изменяется при наведении мышки
|
Сегодня мы рассмотрим очередной полезный трюк: Картинка изменяется при наведении мышки Активная картинка - картинка, которая меняет сой вид в зависимости от действий посетителя. Простейший тому пример - картинка изменяется после проведения над ней курсоа мыши. В этой статье я расскажу вам как осуществить эту идею.
Первое, что нужно сделать, задействовать основной скрипт. Его мы поместим между тегами <head> и </head>. Выглядит скрипт так: <SCRIPT>
<!--
if (document.images) {
image1on = new Image();
image1on.src = "swap_pic1.gif";
image1off = new Image();
image1off.src = "swap_pic.gif";
}
function turnOn(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "on.src");
}
}
function turnOff(imageName) {
if (document.images) {
document[imageName].src = eval(imageName + "off.src");
}
}
-->
</SCRIPT>
swap_pic.gif - Картинка, которая будет отображаться первоначально swap_pic1.gif - Картинка, которая загорится после подведения мыши Основное уже сделано. Теперь браузер знает и обычную картинку и "активную". Осталось только указать ему, где вставлять картинку. Выбирайте место, где требуется эта картинка и на ее месте прописываете следующее:
Парамытры alt, width и height меняйте в зависимости от конкретной ситуации. Скрипт работает как в Internet Explorer, так и в Netscape Navigator, в связи с чем вы можете не опасаться за его работоспособность в зависимости от типа браузераю Вы можете использовать этот скрипт неограниченное число раз на одной странице. По материалам сайта http://www.mweb.ru.
|
||||||||||||||||||||||||
| В избранное | ||
