SCRIPT.com.ua
Логин: Пароль:
Регистрация Забыл пароль
ИСХОДНИКИ
Поиск
Новости
Материалы
Работа с WDDX в РНР [PHP]
Рецепт по установке web-сервера под Windows [PHP]
Инициализация для Flash Player 8 Beta [Flash]
Криптование [Action Script]
Настрока Homesite под Action Script [Action Script]
Учитесь писать код правильно [PHP]
Пасхальные яйца. [Action Script]
Flash-игры: проще, если знаешь как [Flash]
Установка Ming под win32 Apache+PHP [Action Script]
Wysiwyg HTML Редакторы [DHTML]
Исходники
"Объект" на JavaScript - аналог AsBroadcaster [DHTML]
Запрет кэширования [HTML]
Полупрозрачные картинки, которые 'востанавливаются' при наведении. [DHTML]
Новостная лента v1.2.1 [PHP]
Обход XML-дерева [Action Script]
CDATA и комментарии [XSL]
Кроссразмерный полноэкранный режим [Action Script]
KeyListener [Action Script]
Редирект [HTML]
Текстовый узел [XSL]
Лаборатория
Документация
Файлы
Ссылки
Пользователи
Контакты
Наш выбор
GROUND CONTROL 2
Наши партнеры
Воскресенье, 15 Февраля, 2004
Картинки-ролловеры [DHTML / Изображения]
Функции:
выделить
// проверка объектов
function _checkobj(n, d) {
 var p,i,x;
 if(!d) d=document;
 if((p=n.indexOf("?"))>0&&parent.frames.length) {
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
 }
 if(!(x=d[n])&&d.all) x=d.all[n];
 for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=_checkobj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n);
 return x;
}
// обработчик отведения
function img_out() {
 var i,x,a=document._ovrimgs;
 for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
// обработчик подведения
function img_over() {
 var i,j=0,x,a=img_over.arguments;
 document._ovrimgs=new Array;
 for(i=0;i<(a.length-2);i+=3)
  if ((x=_checkobj(a[i]))!=null){
   document._ovrimgs[j++]=x;
   if(!x.oSrc) x.oSrc=x.src;
   x.src=a[i+2];
  }
}

Использование:

img_over - обработчик подведения мыши, изменяет картинки, соответствует onmouseover свойству тегов, вызывается с параметрами указывающими имена объектов-картинок и их новые имена файлов:
выделить
img_over('Имя_объекта','','Новый_файл_картинки',1)

img_out - обработчик подведения мыши, восстанавливает прежние имена файлов у объектов-картинок, соответствует onmouseout, вызывается после вызова функции приведенной выше в случае когда нужно при отведении восстанавливать прежние состояния картинок

Пример ссылки реагирующей на подведение мышки:
выделить
<a href="#" onmouseout="img_out()" onmouseover="img_over('img1','','file1.gif',1)">
<img src="file0.gif" name="img1" border="0">
</a>

Обработчик вешается на ссылку из-за того что не во всех броузерах картинки поддерживают события onmouseover и onmouseout.

Для функции img_over можно задавать большее количество картинок для изменения
Пример изменения 3 картинок с именами Name1, Name2, Name3:
выделить
img_over('Name1','','IMG_URL1','Name2','','IMG_URL2','Name3','','IMG_URL3',1)
Опубликовал: Администратор (13:28) | комментарии [0]  | Редактировал: 17.03.2004, 1:51 - Alexander
< назад

Вверх © Copyright 2004-2014 Script.com.ua


На сайте реально большой выбор активной акустики и колонок.
Версия для печати