ScrollNaviJs/ScrollNavi.html at master · senthilraj/ScrollNaviJs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<!--
    Name: ScrollNavi.js
    Author: senthilkumar
    Website: http://senthildesigner.co.nr/
    mail: senthil2rajan@gmail.com
-->
<html>
    <head>
        <title>ScrollNavi.js - scroll navigation jquery component plugin</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="css/scrollnavi.css">
    </head>
    <body>
        <div id="nav">
            <div class="container">
            <ul>
                <li><a href="#section1">Section1</a></li>
                <li><a href="#section2">Section2</a></li>
                <li><a href="#section3">Section3</a></li>
                <li><a href="https://github.com/senthilraj/ScrollNaviJs#about-me" data-outerpage="true">About Developer</a></li>
            </ul>
            </div>
        </div>
        <div id="section1">Section1</div>
        <div id="section2">Section2</div>
        <div id="section3">Section3</div>

        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script src="js/scroll_navi.js" type="text/javascript"></script>
        <script type="text/javascript">
            $("#nav").scroll_navi();
        </script>
    </body>
</html>