Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Efekt na stronie internetowej :P ?

Rogetenek

Rekomendowane odpowiedzi

Rogetenek Budowniczy

Rogetenek

Opublikowano
Budowniczy

Rogetenek

Opublikowano

Witajcie poszukuje skryptu który zakrywa caly div po najechaniu tzn

Mam diva np 200px x 50px i chce zeby po najechaniu na niego kursorem myszki zakrylo go tlo ktore wychodzi od lewej strony do prawej.

W css3 takiego czegos raczej nie idzie zrobic z transition :(

Raczej z jquery z animate a nie mam pojecia jak to zrobic :/

Ktos wie moze jak takie cos sie nazywa? :P

piotrekkkkkk Specjalista

piotrekkkkkk

Opublikowano
Specjalista

piotrekkkkkk

Opublikowano

Wykorzystaj zdarzenie hover

Obama wie, co robisz!!!
131894.jpg                                                                                                                                                    4906167742.png

                                                                                                                                                                                                                                                                                      LTE Play Opole

BlackPanda Uczeń

BlackPanda

Opublikowano
Uczeń

BlackPanda

Opublikowano

Wykorzystaj zdarzenie hover

Hover nie zrobi animacji.

Wieczorem Ci napiszę w jQuery jak nie zapomnę.

Teraz jestem przelotnie na MPC.

Ostatnio brak czasu i utrudnienia...

...+ Java liżę xD

BlackPanda Uczeń

BlackPanda

Opublikowano
Uczeń

BlackPanda

Opublikowano

#div-owi który chcesz zakryć nadaj id="ndivn"

W head daj podłączeni jQuery i:

<script>
$(document).ready(function(){
$('#ndivn').click(function(){
$('#ndivn #blackscreen').animate({'left':'0px'}, 1000);
});
});
</script>
W div-ie który chcesz zakryć daj:

<div id="blackscreen"></div>
W CSS:

#ndivn {
position: relative;
width: 100px;
height: 50px;
}
#blackscreen {
width: 100%;
height: 100%;
position: absolute;
left: 200px; //szerokość #ndivn
}

Ostatnio brak czasu i utrudnienia...

...+ Java liżę xD

Rogetenek Budowniczy

Rogetenek

Opublikowano
Budowniczy

Rogetenek

  • Autor
Opublikowano

Coś nie działa :( I chodzi mi po najechaniu, nie kliknięciu;

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
$('#ndivn').click(function(){
$('#ndivn #blackscreen').animate({'left':'0px'}, 1000);
});
});
</script>
<style type="text/css">
    #ndivn {
    position: relative;
    width: 100px;
    height: 50px;
    background: #000;
    }
    #blackscreen {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 100px; //szerokość #ndivn
    background: #fff;
    }
</style>
</head>
<body>

<div id="ndivn">kokokok</div>
<div id="blackscreen">f</div>


</body>
</html>
piotrekkkkkk Specjalista

piotrekkkkkk

Opublikowano
Specjalista

piotrekkkkkk

Opublikowano

Wydaje mi się że chciałeś użyskać taki efekt

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
$('#ndivn').mouseenter(function(){
$('#ndivn #blackscreen').animate({'left':'0px'}, 1000);
});
$('#ndivn').mouseleave(function(){
$('#ndivn #blackscreen').animate({'left':'100px'}, 1000);
});
});
</script>
<style>
    #ndivn {
    position: relative;
    width: 100px;
    height: 50px;
    background: #abc;
    color: red;
    overflow: hidden;
    }
    #blackscreen {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 100px;
    top: 0px;
    background: #cde;
    }
</style>
</head>
<body>

<div id="ndivn"><div id="blackscreen"></div></div>



</body>
</html>

Jest lekko zmodyfikowany kod @1361622928-U485574.pngBlackPanda

Obama wie, co robisz!!!
131894.jpg                                                                                                                                                    4906167742.png

                                                                                                                                                                                                                                                                                      LTE Play Opole

piotrekkkkkk Specjalista

piotrekkkkkk

Opublikowano
Specjalista

piotrekkkkkk

Opublikowano

w css do #blackscreen dodaj

opacity: .5;

i uzyskasz przezroczystość

Obama wie, co robisz!!!
131894.jpg                                                                                                                                                    4906167742.png

                                                                                                                                                                                                                                                                                      LTE Play Opole

Rogetenek Budowniczy

Rogetenek

Opublikowano
Budowniczy

Rogetenek

  • Autor
Opublikowano

Tak tylko kolor który najeżdza był przezroczysty, dodalem <p> z pos relative i z-index wiekszym od tych dwoch divow i jest jak ma byc :)

 

Dziękuje bardzo za pomoc :)

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...