ANTICHAT.XYZ    VIDEO.ANTICHAT.XYZ    НОВЫЕ СООБЩЕНИЯ    ФОРУМ  
Баннер 1   Баннер 2

ANTICHAT — форум по информационной безопасности, OSINT и технологиям

ANTICHAT — русскоязычное сообщество по безопасности, OSINT и программированию. Форум ранее работал на доменах antichat.ru, antichat.com и antichat.club, и теперь снова доступен на новом адресе — forum.antichat.xyz.
Форум восстановлен и продолжает развитие: доступны архивные темы, добавляются новые обсуждения и материалы.
⚠️ Старые аккаунты восстановить невозможно — необходимо зарегистрироваться заново.
Вернуться   Форум АНТИЧАТ > Программирование > PHP, PERL, MySQL, JavaScript
Перезагрузить страницу html css jquery
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

html css jquery
  #1  
Старый 26.02.2010, 20:02
barnaki
Познающий
Регистрация: 02.11.2008
Сообщений: 87
Провел на форуме:
93223

Репутация: 14
По умолчанию html css jquery
как при помощи jquery поменять цвета текста ссылок только в одной таблице
Код:
<script type="text/javascript" src="javascript/jquery-1.2.1.js"></script>
<script type="text/javascript" src="javascript/functtions.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.css"></link>
<title>Untitled Document</title>
</head>

<body>

<div class="TableOne">
<table onmouseover="swap();" onmouseout="swap();">
			<tr>
<th><a href="#" onMouseOver="swap();" onMouseOut="swap();">гостевая</a></th>
<th><a href="#">гостевая</a></th>
<th><a href="#">гостевая</a></th>
<th><a href="#">гостевая</a></th>

			</tr>

</table>
</div>

функция swap 

function swap() {
        $('tr > th').toggleClass('striped');
      }

меняет background-color но color  не работает
.striped {
background-color:#FFFFFF;
color:#00cc33;
      
	
          }
при том что на вссе остальне сслыки это распосторянться не должно
Последний раз редактировалось b3; 26.02.2010 в 22:54..
 
Ответить с цитированием

  #2  
Старый 26.02.2010, 21:12
diGriz
Участник форума
Регистрация: 11.10.2006
Сообщений: 134
Провел на форуме:
3607644

Репутация: 235
По умолчанию
Добавь a:visited и a:link. Зачем при эвентах делать отдельную функцию, если можно все сделать в jQuery.
Код:
<script src="http://code.jquery.com/jquery-latest.js"></script>    
 <style type="text/css">
.striped a:visited, a:link{
background-color:#ffffff;
color:#00cc33;
}
</style>
  <script>
  $(document).ready(function(){
      $("th").mouseover(function(){
		$(this).toggleClass('striped');
		}).mouseout(function(){
      	$(this).toggleClass('striped');
    });
  });
  </script>
<title>Untitled Document</title>
</head>

<body>

<div class="TableOne">
<table>
<tr>
<th><a href="#">гостевая</a></th>
<th><a href="#">гостевая</a></th>
<th><a href="#">гостевая</a></th>
<th><a href="#">гостевая</a></th>

</tr>

</table>
</div>
Последний раз редактировалось diGriz; 26.02.2010 в 21:45..
 
Ответить с цитированием
Ответ



« Предыдущая тема | Следующая тема »
Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
помогите с html и css хoхa99 Болталка 0 12.02.2010 22:16
Нужна помощь по html и css shiku О Работе 0 09.12.2009 23:14
Что-то типа статьи по Html. Allen Болталка 8 03.03.2006 21:38



Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT.XYZ