GoldenLine
Zaloguj się

konto usunięte

Temat: Zmiana border po najechaniu.

Witam. mam następujący element:


<img src="xxx" />


w css okreslony kolor obramowania, jego styl i grubosc.

Chcialbym aby po najechaniu kursorem na element img smienial sie tylko kolor obramowania, ale po zdjeciu kursora z elementu ma sie on plynnie zmieniac na defultowy ustawiony w css.
Link do wypowiedziLink
Jacek H.

Jacek H. freelancer,
samodzielny twórca

Temat: Zmiana border po najechaniu.

http://api.jquery.com/animate/
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Wielkie dzieki
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

zrobilem cos takiego:


$("#block").mouseout(function(){

  $("#block").animate({ 

    

	border:"0px solid #51B6CF"

  }, 400 );  



});

$("#block").mouseover(function(){

  $("#block").animate({ 

    

	border:"3px solid #51B6CF"

  }, 1 );  



});


nie dziala w IE :( w ff jest ok

W IE jest problem z ta funkcja ktora ma sie wykonac po zjechani myszkaPiotr Burant edytował(a) ten post dnia 15.04.10 o godzinie 21:46
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

http://api.jquery.com/hover/
może zamiast mouseout i mouseover?
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.



<!DOCTYPE html>

<html>

<head>

 

  <script src="http://code.jquery.com/jquery-latest.js"></script>

</head>

<body>

<img id="block" src="../img3128.jpg" />

<script language="javascript">



// Using multiple unit types within one animation.





$("#block").hover(

  function () {

    $(this).animate({ 

    

	border:"3px solid #51B6CF"

  }, 400 );  



  }, 

  function () {

    $(this).animate({ 

    

	border:"1px solid #51B6CF"

  }, 400 );  

  }

);



</script>

</body>

</html>


dalej tak samo.

Otworzylem link podany w 2 poscie i w ie dzialaja wszystkie przyklady oprocz pierwszego.
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Proszę bardzo. W IE czasem wyskakuje komunikat o zablokowanych skryptach na stronie, ale można je normalnie włączyć. 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

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

    <head>

        <meta http-equiv="Content-type" content="application/xhtml+xml; charset=utf-8" />



        <title>Test</title>



        <style>

            #box{

                padding: 200px;

                background: yellow;

                display: block;

            }



            .hover{

                border: 5px solid green;

            }

        </style>



        <script src="http://code.jquery.com/jquery-latest.js"></script>

        <script type="text/javascript">

            $(function(){

                $("#box").hover(function () {

                    $(this).addClass("hover");

                },function () {

                    $(this).removeClass("hover");

                }

            );

            });

        </script>

    </head>

    <body>



        <div id="box">



        </div>



    </body>

</html>
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

no ok. Ale tu chodzi o to aby hover dzialal w polaczeniu z .animate. Bo wlasnie to nie chce na ie dobrze dzialac.

ok. W innej grupie mi pomogli. Jesli ktoś jest ciekawy efektu koncowego moge wyslac na pw.

Dzieki za zainteresowanie.Piotr Burant edytował(a) ten post dnia 17.04.10 o godzinie 20:19
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Piotr Burant:
no ok. Ale tu chodzi o to aby hover dzialal w polaczeniu z .animate. Bo wlasnie to nie chce na ie dobrze dzialac.

ok. W innej grupie mi pomogli. Jesli ktoś jest ciekawy efektu koncowego moge wyslac na pw.

Dzieki za zainteresowanie.

Coś na ten styl?

$(document).ready(function() {
$('#manipulator').hover(function() {
$(this).animate({width:"240px"},"slow");
},

function() {
$(this).animate({width:"20px"},"slow");});
});
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

A czemu nie CSS3 transitions ?
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Bo Nie CSS3 :)
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Konrad Kluźniak:
Bo Nie CSS3 :)

No tak, przecież żadna przeglądarka tego nie obsługuje... Oh, wait, IE to nie przeglądarka :D

edit: Używanie jQ do takich rzeczy to IMHO strzelanie do komara z armaty. Od tego ktoś wymyślił CSS3 transition, żeby nie mieszać do takich prostych rzeczy niepotrzebnych dodatkowych bibliotek... Ja bym zrobił transition w CSS3 a stare przeglądarki będą miały zwykły fallback bez animacji na :hover i tyle...Piotr L. edytował(a) ten post dnia 29.02.12 o godzinie 00:00
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Co to za wykopaliska :D?
17.04.2010, 19:20 - data ostatniego wpisu :). Poradziłem sobie wtedy za pomoca jquery dzisiaj zrobiłbym pewnie z css3Piotr Burant edytował(a) ten post dnia 01.03.12 o godzinie 22:25
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Fakt jest taki, że znalezienie sposobu na problem opisany przeze mnie, może pomóc nie tylko w strzale z armaty na muchę.
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

>Od tego ktoś wymyślił CSS3 transition, żeby nie
mieszać do takich prostych rzeczy niepotrzebnych dodatkowych bibliotek

No cóż, mi przydaje sie Jquery dosyć często, więc nie jest dla mnie to niepotrzebna biblioteka
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Z resztą problem może być szerszy niż tylko prosty efekt. Nikt nie prosił o inne rozwiązanie, niż Jquery.Ale dzięki.
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Piotr L.:
Konrad Kluźniak:
Bo Nie CSS3 :)

No tak, przecież żadna przeglądarka tego nie obsługuje... Oh, wait, IE to nie przeglądarka :D

edit: Używanie jQ do takich rzeczy to IMHO strzelanie do komara z armaty. Od tego ktoś wymyślił CSS3 transition, żeby nie mieszać do takich prostych rzeczy niepotrzebnych dodatkowych bibliotek... Ja bym zrobił transition w CSS3 a stare przeglądarki będą miały zwykły fallback bez animacji na :hover i tyle...

A czy wiesz, która wersja IE obsługuje, to o czy piszesz?
czy wiesz jaki jest udział tych wersji na necie?
Czy na pewno można olać IE?
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Konrad Kluźniak:
Piotr L.:
Konrad Kluźniak:
Bo Nie CSS3 :)

No tak, przecież żadna przeglądarka tego nie obsługuje... Oh, wait, IE to nie przeglądarka :D

edit: Używanie jQ do takich rzeczy to IMHO strzelanie do komara z armaty. Od tego ktoś wymyślił CSS3 transition, żeby nie mieszać do takich prostych rzeczy niepotrzebnych dodatkowych bibliotek... Ja bym zrobił transition w CSS3 a stare przeglądarki będą miały zwykły fallback bez animacji na :hover i tyle...

A czy wiesz, która wersja IE obsługuje, to o czy piszesz?
czy wiesz jaki jest udział tych wersji na necie?
Czy na pewno można olać IE?

Sprawdź sobie mój profil, a potem spróbuj zgadnąć czy znam odpowiedzi na te pytania...

BTW: wiesz co to jest ironia?
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Piotr L.:

BTW: wiesz co to jest ironia?

No ba! Kwiat z rodziny astrowatych :)
Link do wypowiedziLink

konto usunięte

Temat: Zmiana border po najechaniu.

Rafał Krupiński:
Piotr L.:

BTW: wiesz co to jest ironia?

No ba! Kwiat z rodziny astrowatych :)


Zobaczyłem profil.
Przeczytałem twoją wypowiedź na temat pewnej ważnej wersji pewnej przeglądarki.
Wyciągnąłem wnioski na Twoj temat...
Dzięki za wypowiedź.

PS. Czujesz dalej w powietrzu piękny zapach ironii? :)
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

ThickBox - zmiana detali w ...




Wyślij zaproszenie do
Anuluj