Главная /Internet/Programming/ JavaScript: смена стиля ячейки при наведении мыши
Код: <td onMouseOver="this.bgColor='#D7C399'" onMouseOut="this.bgColor=''">- <a "chat.php">Чат</a></td> Попробуй так: <style> .a1 { background-color: Aqua; } .a2 { border-left-color: #2F4F4F; border-left-style: dotted; background: lightyellow; border: 2px dashed #FF4500; } </style> <table border=1> <tr> <td onmouseover="className='a2'" onmouseout="className='a1'" class="a1">AAAAAAA</td> <td>111111</td> </tr> </table> Liksu Спасибо... Вот нечто похожее я использовал.... НО! Оно тормозит... Криво как-то наводится... Вот нашёл такой скриптик: Код: <SCRIPT> var sname='',flag = (navigator.userAgent.indexOf("MSIE")>=0 && parseInt( navigator.appVersion )>=4)||(navigator.appName.indexOf("Netscape")>=0 && parseInt(navigator.appVersion)>=5),effe=1411736*2; if(flag) { document.onmouseover=menuover; document.onmouseout=menuout; } function loadimage(sr) { var im=new Image; im.src=sr; return im; } function menuover() { if(!flag) return; var eSrc = window.event.srcElement; if(eSrc.className=="menu") { eSrc.parentElement.style.backgroundColor="#D9CBAE"; } } function blurmenu(el,r,g,b) { var cl='#'+r.toString(16)+g.toString(16)+b.toString(16); document.all[el].parentElement.style.backgroundColor=cl; r-=5; g-=7; b-=11; if(r>212) { var fc='blurmenu('+el+','+r+','+g+','+b+');'; setTimeout(fc,50); } else { document.all[el].parentElement.style.backgroundColor=''; }} function menuout() { if(!flag) return; var eSrc = window.event.srcElement; if(eSrc.className=="menu") { blurmenu(eSrc.sourceIndex,242,229,201); } } </SCRIPT> <table> <tr><td class=menu>- <a class=menu "index.php">Новости</a></td></tr> <tr><td class=menu>- <a class=menu "index.php">Новости</a></td></tr> <tr><td class=menu>- <a class=menu "index.php">Новости</a></td></tr> </table> Код: <SCRIPT> var sname='',flag = (navigator.userAgent.indexOf("MSIE")>=0 && parseInt( navigator.appVersion )>=4)||(navigator.appName.indexOf("Netscape")>=0 && parseInt(navigator.appVersion)>=5),effe=1411736*2; if(flag) { document.onmouseover=menuover; document.onmouseout=menuout; } //function loadimage(sr){var im=new Image; im.src=sr; return im;} //в твоем случае - ненужный код function menuover() { if(!flag) return; var eSrc = window.event.srcElement; if(eSrc.className=="menu") { //----------------------------------- стиль под мышой -------// eSrc.parentElement.style.backgroundColor="#000000"; // фон : цвет - черный eSrc.parentElement.style.border="#F00 solid 1px"; // граница : цвет - красная, стиль - линия, толщина - 1px eSrc.parentElement.style.color="#0F0"; // текст : цвет - зеленый //еще что-нибудь // //______________________________________________________// } } //------ ненужный код ------ //function blurmenu(el,r,g,b)// эффект плавного изменения цвета //{ //var cl='#'+r.toString(16)+g.toString(16)+b.toString(16); //document.all[el].parentElement.style.backgroundColor=cl; //r-=5; g-=7; b-=11; //if(r>212) //{ //var fc='blurmenu('+el+','+r+','+g+','+b+');'; //setTimeout(fc,50); //} //else { document.all[el].parentElement.style.backgroundColor=''; } //} //------ --- ------ function menuout() { if(!flag) return; var eSrc = window.event.srcElement; if(eSrc.className=="menu") { //---------------------------------- стиль из-под мыши ------// //blurmenu(eSrc.sourceIndex,242,229,201); // эффект плавного изменения цвета - ненужный код eSrc.parentElement.style.backgroundColor=""; // фон : цвет \ eSrc.parentElement.style.border=""; // граница : цвет - Все по умолчанию eSrc.parentElement.style.color=""; // текст : цвет / //еще что-нибудь // //_____________________________________________________// } } </SCRIPT> <table> <tr><td class=menu>- <a class=menu "index.php">Новости</a></td></tr> <tr><td class=menu>- <a class=menu "index.php">Новости</a></td></tr> <tr><td class=menu>- <a class=menu "index.php">Новости</a></td></tr> </table> KiRyX Супер %) Сенькс... А то я пытался разобрать по кирпичикам этот код - ничего не получилось.... Ещё раз большое спасибо 
меньше, чем <td onmouseover="className='a2'" onmouseout="className='a1'" class="a1"><a "index.php">Новости</a></td> в итоге этот вариант получается меньше, чем со <script>...</script> по размеру, а по скорости работы если и отличаются, то не намного Church Пожалуйста! L0ST меньше, чем со <script>...</script> по размеру Это если у тебя меню состоит из трех ссылок... L0ST ...Да, кстати весь код сохраняешь в файл (script.js) и пишешь во всех хтмлках: Код: <HEAD> <SCRIPT LANGUAGE=JavaScript SRC="\script.js" TYPE=text/javascript></SCRIPT> </HEAD> А чтобы рамка еще и ссылкой становилась?Скажите, а приведённый выше скрипт работает на Mozilla Firefox? Я написал аналогичный, вот FireFox-зараза не хочет обрабатывать... Замучался. //немного не втему Подскажите пожалуйста, есть ли где в нете инфа, которая могла бы указать какие стили, команды, объекты использовать лучше всего, чтобы было совместима с многими браузерами. А то на некоторых пашет, на некоторых нет. Замаялся переделывать. 
Заранее спасибо.
JavaScript: смена стиля ячейки при наведении мыши
ОбЪясните начинающему... (аппрув на umax)
Нужна помощь, какой то глюк
Imperial Glory
Вопрос по газу.
Антихакинг
Комп виснет каждые 5-7 секунд
ATI 9600 VS SuSE 10
Samsung SyncMaster 940N
Ищу драйвера к Pinnacle DV500 PCI
Another World
Предлагают приобрести действующий интернет-магазин
Alawar game
HoMM 5
Prince of Persia 3: Kindred Blades
Закладочник
board - drom - sexnarod - nulled
Архивы форумов - forum-arch.su
RuBoard