Опитвам се да накарам съдържанието на моите страници да се промени, като плъзгам съдържанието извън страницата, когато потребителят кликне върху моите различни връзки за навигация. Засега мога да се плъзгам от началната си страница и към една от другите си страници, което работи добре. Но не съм сигурен как мога да се върна на първата страница.
Скрипт, който използвам за плъзгане до първата страница:
<script>
function slide(div)
{
if(div == "work")
{
$('#home').hide('slide', {direction: 'left'}, 1000);
$('#work').delay(600).show('slide', {direction: 'right'}, 1000);
}
}
</script>
Съдържание, което плъзгам заедно с моето навигационно меню:
<div class='nav'>
<table class='nav'>
<tr>
<td width='23%'><a href='/bgindex.html' onclick='slide("home");' class='link'>home</a></td>
<td width='23%'><a href='/bg#' onclick='slide("work");' class='link'>work</a></td>
<td width='23%'><a href='/bg#' class='link'>about</a></td>
<td width='31%'><a href='/bg#' class='link'>contact</a></td>
</tr>
</table>
</div>
<div class='content' id='home'>
<h1>hello</h1>
<table class='content'>
<tr>
<td><img src='images/icon1.png' class='icon'></td>
<td><p>i’m thobias nordgaard. a front and back end<br>
developer from denmark. i love what i do,<br>
hopefully you will too.<br><br>
Im fluid in html, css, php and improving in<br>
javascript, jquery and sass. if you dont know<br>
what these things are, all they mean is: i can<br>
make websites.</p></td>
</tr>
</table>
</div>
<div class='content' id='work'>
<h1>work</h1>
<table class='content'>
<tr>
<td><img src='images/icon1.png' class='icon'></td>
<td><p>I haven't completed any work yet :(</p></td>
</tr>
</table>
</div>