spaced-out, 三维CSS3工具条

分享于 

2分钟阅读

GitHub

  繁體 雙語
A three dimensional CSS3 Sidebar
  • 源代码名称:spaced-out
  • 源代码网址:http://www.github.com/ace-subido/spaced-out
  • spaced-out源代码文档
  • spaced-out源代码下载
  • Git URL:
    git://www.github.com/ace-subido/spaced-out.git
    Git Clone代码到本地:
    git clone http://www.github.com/ace-subido/spaced-out
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/ace-subido/spaced-out
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    SpacedOut

    atmospherejs站点上创建了一个小的css/js库,可以在站点上找到适当的片尾,该页面生成了 atmoshperejs.com.。

    SpacedOut不依赖于 jQuery。 CSS文件不包括正常化或者重置。 js代码的一部分来自hakim的Avgrund

    下载基本模板和用法

    它非常简单:)

    
    <!DOCTYPE html>
    
    
    <html>
    
    
    <head>
    
    
     <link rel="stylesheet" href="css/spaced-out.css" type="text/css"/>
    
    
     <script src="js/spaced-out.js"></script>
    
    
    </head>
    
    
    <body>
    
    
     <div class="so-page-wrapper">
    
    
     <aside class="so-page-menu">
    
    
     <div class="so-menu-content">
    
    
     <a>Home</a>
    
    
     <a>About</a>
    
    
     <a>Contact</a>
    
    
     </div>
    
    
     </aside>
    
    
     <div class="so-content-overlay">
    
    
     </div>
    
    
     <div class="so-content">
    
    
     <a href="#" class="so-menu-toggle">
    
    
     Open Menu
    
    
     </a>
    
    
     </div>
    
    
     </div>
    
    
    
     <script type="text/javascript">
    
    
     SpacedOutMenu.install();
    
    
     </script>
    
    
    </body>
    
    
    </html>
    
    
    
    

    这将事件处理程序安装到带有 .so-menu-toggle 类的按钮上。 按钮绑定了打开和关闭菜单的事件处理程序。

    
    SpacedOutMenu.install()
    
    
    
    

    卸载这些事件处理程序

    
    SpacedOutMenu.uninstall()
    
    
    
    
    许可证

    Apache许可证 v2


    相关文章