Форум Сайтостроение Веб-строительство

Как сделать что бы менялся цвет ячейки при наведении..

12
rtyug
На сайте с 13.05.2009
Offline
263
rtyug
#11

6666, хочешь сделать, чтобы каждый tr были разного цвета, и чтобы при наведении мышки цвет менялся, а при отводе становился прежним...

вот пример как тут:

http://www.x0.org.ua/stat/stat_content

полностью рабочий вариант: 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />



	<title>666</title>

	

	











 <script type='text/javascript'>

function myFunc(id_) {

  var tr = document.getElementById(id_).getElementsByTagName('tr');

  for (var i = 0, len = tr.length; i < len; i++) {

   if (i>0) {

   	tr.className = (i%2) ? 'style1' : 'left_menu_black';

   }

  }

 //  for (var i = 0, len = tr.length; i < len; i++) tr.style.backgroundColor = (i % 3) ? '#E5E5E8' : '#66CCCC';

tr = '';

}

</script>



<style type="text/css">

.style1 {background-color: #E5E5E8;}



.main .header  {

    line-height: 10px;

    background: #C0C0C0;

    color: #dddddd;

    border : 0px;

    height : 35px;

	vertical-align: middle;

}



.hilighton2 {

    background: #EAEAEA; /*#D9FF43;*/ /*#ffdddd;*/

        border : 0px;

}

</style>





	

</head>

<body>





 <table id="id_table" border="0">  



<col width="330">           

<col width="130">

<col width="130">

<col width="auto">

<col width="auto">

<col width="auto">



  



           

     

   <tr height="25" style="font-size: 140%; font-weight:normal; vertical-align: center;" class="header">

    <td>тема</td>

    <td>подразделы</td>

    <td title="Нажмите чтобы посмотреть комментарии и саму тему...">комментарии</td>

    <td>просмотров</td>

    <td>автор</td>

    <td>дата</td>

           

   </tr>





      <TMPL_LOOP NAME="content">





		

<tr height="40" style="font-weight:normal; vertical-align: center;" onmouseover="t=className;className='hilighton2';" onmouseout="className=t;" >



	        <td>        

666

            </td> 

                        

        <td>  666 </td>            

            

            

               <td>666</td>

               

               <td>666</td>

                



          

             <td>666</td>







            <td>666            </td>

            





    

    

            </td>

  </tr>

  



<tr height="40" style="font-weight:normal; vertical-align: center;" onmouseover="t=className;className='hilighton2';" onmouseout="className=t;" >



	        <td>        

666

            </td> 

                        

        <td>  666 </td>            

            

            

               <td>666</td>

               

               <td>666</td>

                



          

             <td>666</td>







            <td>666            </td>

            





    

    

            </td>

  </tr>

  

  

  <tr height="40" style="font-weight:normal; vertical-align: center;" onmouseover="t=className;className='hilighton2';" onmouseout="className=t;" >



	        <td>        

666

            </td> 

                        

        <td>  666 </td>            

            

            

               <td>666</td>

               

               <td>666</td>

                



          

             <td>666</td>







            <td>666            </td>

            





    

    

            </td>

  </tr>  

  

  

  </table>

    

 



     </TABLE>

              

  <script>

myFunc('id_table');

</script> 







</body>

</html>

тут меняет вот это: 

<tr height="40"  onmouseover="t=className;className='hilighton2';" onmouseout="className=t;" >
Спалил тему: Pokerstars вывод WMZ, etc на VISA 0% или SWIFT + Конверт USD/GBP,etc (net profit $0,5 млрд) (https://minfin.com.ua/blogs/94589307/115366/) Monobank - 50₴ на счет при рег. тут (https://clck.ru/DLX4r) | Номер SIP АТС Москва 7(495) - 0Ꝑ, 8(800) - 800Ꝑ/0Ꝑ (http://goo.gl/XOrCSn)
dma84
На сайте с 21.04.2009
Offline
168
dma84
#12

зачем юзать JS, если можно обойтись CSS, если, конечно, вы не паритесь на счёт IE6

rtyug
На сайте с 13.05.2009
Offline
263
rtyug
#13

тут JS менят цвет каждого tr через один....

как это сделать без JS? (кроме как на сервере)

MS
На сайте с 21.07.2008
Offline
216
minSEO
#14
rtyug:
как это сделать без JS? (кроме как на сервере)

разные классы присвойте четным и нечетным tr.

T
На сайте с 20.03.2007
Offline
67
Toy
#15
rtyug:
тут JS менят цвет каждого tr через один....
как это сделать без JS? (кроме как на сервере)

http://www.indeep76.com/Style/Example007/evenodd.html

6666
На сайте с 10.01.2005
Offline
505
6666
#16
rtyug:
чтобы каждый tr были разного цвета

Так LEOnidUKG уже давно написал, как это сделать. Только короче в сто раз. )) Любая ячейка любого цвета, меняется на любой и т д.

Каждое мое сообщение проверила и одобрила Елена Летучая. (c) Для меня очень важно все что Вы говорите! (http://surrealism.ru/123.mp3) .
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий