jQuery

【jQuery】jQueryとCSS3で実装されたSmooth Sidebar Navigation

August 11, 2016
Smooth Sidebar Navigation

Smooth Sidebar NavigationはjQueryとCSS3で実装されたサイドバーナビゲーションプラグイン。

CSS

    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="./style.css" media="screen" title="no title" charset="utf-8">

HTML

<body style="background-color: grey;">

    <nav-dir></nav-dir>

    <!-- Angular -->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js"></script>
    <!-- jQuery -->
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <!-- JS Files -->
    <script src="./app.js" charset="utf-8"></script>
    <script src="./directive/navDir.js" charset="utf-8"></script>
    <!-- <script src="./directive/navCtrl.js" charset="utf-8"></script> -->

</body>