<script type="text/javascript" src="/js/jquery.easing.js"></script>     
    <script type="text/javascript" src="/js/jquery.sweet-menu-1.0.js"></script>     
        
    <script type="text/javascript">     
    $(document).ready(function(){     
        
    $('#backMenu').sweetMenu({    
    top: 40,    
    padding: 8,    
    iconSize: 48,    
    easing: 'easeOutBounce',    
    duration: 500,    
    icons: [    
    '/images/back.png'    
    ]    
    });    
        
    $('#exampleMenu').sweetMenu({    
    top: 200,    
    padding: 8,    
    iconSize: 48,    
    easing: 'easeOutBounce',    
    duration: 500,    
    icons: [    
    '/images/home.png',    
    '/images/comments.png',    
    '/images/red_heart.png',    
    '/images/male_user.png',    
    '/images/yellow_mail.png',    
    '/images/computer.png'    
    ]    
    });    
    });    
    </script>     
        
    <style type="text/css">     
    .sweetMenuAnchor{    
    border-top: 1px solid #ffffff;    
    border-right: 1px solid #ffffff;    
    border-bottom: 1px solid #ffffff;    
    border-top-right-radius: 4px;    
    -moz-border-radius-topright: 4px;    
    border-bottom-right-radius: 4px;    
    -moz-border-radius-bottomright: 4px;    
    color: #0071bb;    
    font-size: 24px;    
    font-weight: bold;    
    text-align: right;    
    text-transform: uppercase;    
    font-family: arial;    
    text-
  decoration: none;    
    background-color: #888888;    
    opacity: 0.6;    
    }    
        
    .sweetMenuAnchor span{    
    display: block;    
    padding-top: 10px;    
    }    
    </style>

<ul id="backMenu">     
     <li><a href="#">Вернуться к уроку</a></li>     
     </ul>     
     <ul id="exampleMenu">     
     <li><a href="#">Домой</a></li>     
     <li><a href="#">Блог</a></li>     
     <li><a href="#">Портфолио</a></li>     
     <li><a href="#">Обо мне</a></li>     
     <li><a href="#">Написать</a></li>     
     <li><a href="#">Мои файлы</a></li>     
     </ul>