【jQuery】jQueryとCSS3で実装された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>
 
Smooth Sidebar Navigation

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

  • LATEST
  • RELATED
  • POPULAR