[jQUERY] zmiana css, czy ktoś znajdzie usterkę? Opcje

[shpaque]

Witam, chciałbym aby to zadziałało:

[XML] pobierz, plaintext 
<a href='./agencja.php'><div id="poznaj" style="position:absolute;text-align:center;" title="" class="poznaj">
<div id="poznaj_Container" style="width:1100px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<table style="position:absolute;left:150px;top:64px;width:800px;height:30px;z-index:2;" id="slogan">
<tr>
<td style="background-color:transparent;text-align:center;vertical-align:middle;height:30px;"><div class="text" style="line-height:15px;"><h5>S T R A T E G I A&nbsp;&nbsp; +&nbsp;&nbsp; T E C H N O L O G I A&nbsp;&nbsp; +&nbsp;&nbsp; K R E A T Y W N O Ś Ć</h5></div></td>
</tr>
</table>
</div>
</div><script type="text/javascript">
$(document).ready(function()
   {
      $('.poznaj').hover(function()
         {
            $('.text').css({"color": "#FFFFFF"});
            $('.text').css({"-webkit-transition": "color 500ms linear 0ms"});
            $('.text').css({"-moz-transition": "color 500ms linear 0ms"});
            $('.text').css({"-ms-transition": "color 500ms linear 0ms"});
            $('.text').css({"transition": "color 500ms linear 0ms"});
         },
      function()
         {
            $('.text').css({"color": "#787878"});
            $('.text').css({"-webkit-transition": "color 1000ms linear 0ms"});
            $('.text').css({"-moz-transition": "color 1000ms linear 0ms"});
            $('.text').css({"-ms-transition": "color 1000ms linear 0ms"});
            $('.text').css({"transition": "color 1000ms linear 0ms"});
         });
});
</script>
</a>
[XML] pobierz, plaintext 

czyli żeby po najechaniu na klasę "poznaj" zmienił się kolor tekstu w tabelce w komórce "text"


2 rzecz - jak zrobić żeby również zmieniła się treść?

[PrinceOfPersia]

1. wywal jQuery.
2. przenieś wszystkie deklaracje stylów (zarówno te z HTMLa jak i te, które aktywujesz za pomocą jQuery, nie wiem po co) do pliku *.css
3. dołącz CSS wg tego schematu

Kod

<link href="NAZWA_PLIKU.css" rel="stylesheet" type="text/css" >

dopiero potem można coś powiedzieć na ten temat, jak masz pierdolnik w kodzie za przeproszeniem, to nie oczekuj, że ci cokolwiek zadziała...

Ten post edytował PrinceOfPersia 11.06.2014, 13:39:02

[Crozin]

...i ułatw sobie życie:
4. https://developer.mozilla.org/en-US/docs/We.../letter-spacing
5. https://developer.mozilla.org/en-US/docs/We...SS/word-spacing

[shpaque]

no dzięki, ale nie zmienia to faktu że nie działą...

[PrinceOfPersia]

A uporządkowałeś to? To wrzuć uporządkowany kod, najlepiej od razu na jsfiddle.net.

[shpaque]

oj to tak szybko chciałem dać przykład... Mniejsza z tym - podświetlenie już chodzi, teraz jak zrobić w CSS, żeby po hover zmieniła się treśc klasy ".text"

[XML] pobierz, plaintext 
<a href='./agencja.php'><div id="poznaj" style="position:absolute;text-align:center;" title="" class="poznaj">
<div id="poznaj_Container" style="width:1100px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<table style="position:absolute;left:150px;top:64px;width:800px;height:30px;z-index:1;" id="slogan">
<tr>
<td style="background-color:transparent;text-align:center;vertical-align:middle;height:30px;"><h5><div class="text" style="line-height:15px;letter-spacing:4px;">STRATEGIA + TECHNOLOGIA + KREATYWNOŚĆ</div></h5></td>
</tr>
</table>
</div>
</div><script type="text/javascript">
$(document).ready(function()
   {
      $('.poznaj').hover(function()
         {
            $('.text').css({"color": "#FFFFFF"});
         },
      function()
         {
            $('.text').css({"color": "#787878"});
         });
});
</script>
</a>
[XML] pobierz, plaintext 

Ten post edytował shpaque 12.06.2014, 15:30:54

[trueblue]

[HTML] pobierz, plaintext 
$('.text').text('blabla');
[HTML] pobierz, plaintext 

[shpaque]

dzięki wielkie - i można? można, a nie jak czytałem gdzieś indziej "nie da się w css, trzeba w JS"... Mam już dosyć "onmouseover" i tak dalej... (IMG:style_emoticons/default/smile.gif)

[trueblue]

Ale to jest w JS...

[shpaque]

oj chodziło mi o jquery no... Literówka...

[com]

JQuery to jest nadal JS
A w css, mogłeś zrobić tak

[CSS] pobierz, plaintext 
.text:hover:after{
content: "cokolwiek";
}
[CSS] pobierz, plaintext 

Da się, da się (IMG:style_emoticons/default/tongue.gif)

Ten post edytował com 13.06.2014, 17:01:49

[PrinceOfPersia]

zacząłbym od solidnego opanowania podstaw (skoro ktoś nie wie, czym się różni CSS od jQuery, to chyba nie jest zbyt dobrze...), a później brał się za tworzenie stron... (IMG:style_emoticons/default/facepalmxd.gif)