Witam. Nie mam pojęcia jak zrobić "podstrony" w jQuery. A dokładniej chodzi mi o takie coś że gdy klikniemy np. na "Snapshoty" to "zleci z góry" strona jakby z filmikami. Demo mojego intra gdzie chcę to mieć. Myślę że kumacie
![:D :D](https://webboard.pl/images/smilies/biggrin.png)
<!DOCTYPE html>
<html lang="en">
<title>FerryCraft - Intro</title>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/przedstrona.css">
<script>
var x = 0;
$('#snapshot').on('click', function () {
if (x == 0) {
x = 1;
} else x = 0;
if (x == 1) {
$('#snapshots').animate({
top: '10px'
}, 2000);
} else {
$('#snapshots').animate({
top: '-260px'
}, 2000);
}
});
</script>
<style type="text/css">
#snapshots {
border:1px solid red;
position:absolute;
top:-260px;
left:150px;
height:250px;
}
</style>
</head>
<body>
<iframe src='Piosenka.mp3' width='0' height='0' frameborder='0' scrolling='no'></iframe>
<a href="http://ferrycraft.pl/index.php" title="Wbijaj na forum!">
<div id="forum">
Nasze Forum
</div></a>
<a href="http://ferrycraft.pl/portal.php" title="Portal naszego forum!">
<div id="portal">
Nasz Portal
</div></a>
<a href="#">
<div id="filmiki">
Snapshoty
</div></a>
<a href="#" title="Sklep naszego forum.">
<div id="shop">
Nie długo będzie :P
</div></a>
<a href="#" title="Wymiana banerami!">
<div id="banner">
Wymiana Banerami!
</div></a>
<div id="menu">
<button id="snapshot">Snapshoty</button>
</div>
<div id="snapshots">Snap Shot
<br/>Snap Shot
<br/>Snap Shot
<br/>Snap Shot
<br/>Snap Shot
<br/>Snap Shot
<br/>Snap Shot
<br/>Snap Shot
<br/>Snap Shot
<br/>Snap Shot
<br/>Snap Shot
<br/>Snap Shot
<br/>
</div>
<div id="foother">
<center>
Intro zrobione przez GiboneKPL. <br />
Zakaz kopiowania elementów kodu!
</center>
</div>
</body>
</html>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
1 gości