|
|
|
| Есть ячейка таблицы определенного фона. Надо сделать так, чтобы при наведении курсора на эту ячейку, ее фон менялся на другой. Как это сделать?
Спасибо. | |
|
|
|
|
|
|
|
для: Mookapek
(05.04.2008 в 18:32)
| | OnMouseOver="this.style.backgroundColor='#fff';"
или же OnMouseOver="this.background='bg.jpg';" если фон рисунок. | |
|
|
|
|
|
|
|
для: brokonyer
(05.04.2008 в 18:39)
| | OnMouseOut="this.style.backgroundColor="ПРЕДЫДУЩИЙ ЦВЕт" | |
|
|
|
|
|
|
|
для: deman-b
(05.04.2008 в 18:46)
| | Вроде просили при наведении, а не при выходе... | |
|
|
|
|
|
|
|
для: ddhvvn
(05.04.2008 в 19:49)
| | я дополнил..
просто какое навидение без отвидения)))) | |
|
|
|
|
|
|
|
для: brokonyer
(05.04.2008 в 18:39)
| | Работает только в ИЕ, а в FireFox не работает. Как сделать, чтобы в FireFox работало тоже? | |
|
|
|
|
|
|
|
для: Mookapek
(05.04.2008 в 20:12)
| | слово backgroundColor замените на background
или background-color .. хз)
или скорее всего ошибка в цвете: #fff
нужно вот так задавать: #FFFFFF | |
|
|
|
|
|
|
|
для: deman-b
(05.04.2008 в 20:42)
| | или скорее всего ошибка в цвете: #fff
нужно вот так задавать: #FFFFFF
==================================
это не ошибка, а сокращенная запись | |
|
|
|
|
|
|
|
для: elenaki
(05.04.2008 в 20:47)
| | я имел ввиду что FF не дружит с сокращенными записями :о) | |
|
|
|
|
|
|
|
для: deman-b
(05.04.2008 в 20:52)
| | я не дружу с FF и мне как-то фиолетово, что он любит, а что нет | |
|
|
|
|
|
|
|
для: elenaki
(05.04.2008 в 20:54)
| | Сайт же делается не для себя, а для пользователей. Или вы думаете, что 100% пользователей Сети используют только ИЕ? | |
|
|
|
|
|
|
|
для: deman-b
(05.04.2008 в 20:42)
| | И так и сяк и эдак - ничего не помогает. Файерфоксу по барабану :( | |
|
|
|
|
|
|
|
для: Mookapek
(05.04.2008 в 21:20)
| | Может он не знает this? Попробуйте document.getElementById(...) | |
|
|
|
|
|
|
|
для: ddhvvn
(05.04.2008 в 21:34)
| | Всё, разобрался.
Мне надо было вставить фоновое изображение при наведении курсора. Правильно это делается так:
onmouseover="this.style.backgroundImage='url(image.jpg)';"
|
Спасибо. | |
|
|
|
|
|
|
|
для: Mookapek
(05.04.2008 в 21:41)
| | ну это не дело...
для рисунка тогда ещо нужен прелоадер на JS.. | |
|
|
|
|
|
|
|
для: deman-b
(05.04.2008 в 23:24)
| | никаких не надо прелоадеров.
все работает. | |
|
|
|
|
|
|
|
для: Mookapek
(06.04.2008 в 00:32)
| | Вы маленько меня не поняли..
прелоадер - это функция на яваскрипте для предварительной загрузки этих изображжений.
вобщем то да - работает, но для удобства пользователя он необходим.
если юзер сидит через диалап, то когда он наведет на ячейку таблицы - оня появится не сразу..
ей же ещо нужно будет загрузится с сервера..
прелоадер же загружает эту картинку вместе со всем документом и когда юзер наведет на ячейку таблицы она появится моментально т.к. будет загружена не с сервера а из кэша. | |
|
|
|
|
|
|
|
для: deman-b
(06.04.2008 в 11:10)
| | но если юзер не захочет вообще наводь что-то на ячейку, то кртинка просто так схавает его трафик )) | |
|
|
|
|
|
|
|
для: AlexSol
(06.04.2008 в 11:15)
| | если юзер предпочитает экономить траффик то он отключит граффику в браузере вообще.
и тогда ничего грузится не будет | |
|
|
|
|
|
|
|
для: deman-b
(06.04.2008 в 11:10)
| | Вот! простой прелоадер. из фронтпэйджа вытинул..
его маленько переделпть и нормуль
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
<body onload="FP_preloadImgs(/*url*/'button3.jpg')">
<p><a href="#">
<img border="0" id="img1" src="button2.jpg" height="20" width="100" alt="XXXXXX" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button3.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button2.jpg')" fp-style="fp-btn: Embossed Capsule 1; fp-font-color-hover: #008000; fp-img-press: 0" fp-title="XXXXXX"></a></p>
|
| |
|
|
|
|
|
|
|
для: deman-b
(06.04.2008 в 11:16)
| | из фронтпэйджа вытинул УЖОС! | |
|
|
|
|
|
|
|
для: AlexSol
(06.04.2008 в 11:48)
| | XD
ну хоть какая то польза должна же от него быть)) | |
|
|
|