Slide Page

Discussion in 'JavaScript' started by noobee, Jan 5, 2009.

0
  1. #1
    Hello
    anybody knows how to make a page slide like this
    http://www.rescuetime.com/

    if you click small business or enterprise the page will slide without loading

    Thank You
     
    noobee, Jan 5, 2009 IP
  2. manjifera

    manjifera Well-Known Member

    Messages:
    232
    Likes Received:
    4
    Best Answers:
    1
    Trophy Points:
    118
    #2
    its simple. making div content on / off. rest for page slide you have to work to male step by step div position.

    here is the e.g

    <head>

<title></title>

</head>

<body>
<script language="javascript" type="text/javascript">
function tab1()
{
document.getElementById("show").innerHTML = "Welcome to my site";
}
function tab2()
{
document.getElementById("show").innerHTML = "This is about us page";
}
function tab3()
{
document.getElementById("show").innerHTML = "This is downlapod section";
}
</script>

<a href="javascript:voide()" Onclick="tab1()">Home</a> | <a href="javascript:voide()" Onclick="tab2()">About us</a> | <a href="javascript:voide()" Onclick="tab3()">Downlaod</a>
<br><br>
<div id="show"></div>
</body>

</html>
    HTML:
    :D
     
    manjifera, Jan 6, 2009 IP
  3. noobee

    noobee Peon

    Messages:
    65
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    wow! thank you very much!

    I want to learn JavaScript from 0 or just straight to learning by example.
    I have programming skills background, I can do Java and PHP
    do you have any recommendation like books site, which fits for me?.
     
    noobee, Jan 7, 2009 IP