index.html

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>menuSlider Demo</title>
    <link rel="stylesheet" href="css/style.css" />
    <script type="text/javascript" src="scripts/thirdparty/tangram-1.5.2.2.js"></script>
    <script type="text/javascript" src="scripts/thirdparty/tangram-custom-full-yui.js"></script>
    <script type="text/javascript" src="scripts/menuSlider.js"></script>
</head>
<body>
    <div id="content"></div>
</body>
<script type="text/javascript">

(function ($){
    var menu = new $.ui.MenuSlider({
       renderTo: $.dom.g("content"),  
       items   : [{id: 1, className: "landscapes", url: "http://www.cnblogs.com/ddback-huwence/"}, 
                  {id: 2, className: "people",     url: "http://www.cnblogs.com/ddback-huwence/"},
                  {id: 3, className: "nature",     url: "http://www.cnblogs.com/ddback-huwence/"},
                  {id: 4, className: "urban",      url: "http://www.cnblogs.com/ddback-huwence/"},
                  {id: 5, className: "abstract",   url: "http://www.cnblogs.com/ddback-huwence/"}
                 ]
        
    });
    
    menu.render();

})(baidu);

</script>
</html>