Четверг, 05.12.2024, 14:57
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Набор файловиков. (выдвижное меню) 2013
OnlinesДата: Суббота, 19.01.2013, 20:36 | Сообщение # 1
Новенький
Группа: Житель
Сообщений: 3
Репутация: 0
Статус: Offline
Скрин: http://s020.radikal.ru/i719/1301/24/f314a5515932.png

Описание: Выдвижное меню с текстом "НАБОР ФАЙЛОВИКОВ". Этот текст можно заменить на свой.

Код
<script type="text/javascript" src="http://bambun.ru/css_js/jquery.easig.js"></script>  
  <script src="http://activiks.ru/img/png.js" type="text/javascript"></script>
   <script type="text/javascript" src="http://bambun.ru/css_js/jquery.sweet-enu-1.0.js"></script>   
     
   <script type="text/javascript">   
   $(document).ready(function(){   
     
   $('#backMenu').sweetMenu({   
   top: 40,   
   padding: 38,   
   iconSize: 8,   
   easing: 'easeOutBounce',   
   duration: 500,   
   icons: [   
   'FOR-ABOUT'   
   ]   
   });   
     
   $('#exampleMenu').sweetMenu({   
   top: 450,   
   padding: 2,   
   iconSize: 20,   
   easing: 'easeOutBounce',   
   duration: 500,   
   icons: [   
   'http://bambun.ru/images/bbcoe1.png' ]   
   });   
   });   
   </script>   
     
   <style type="text/css">   
   .sweetMenuAnchor{   
   border-top: 1px solid #5d5d5d;   
   border-right: 1px solid #5d5d5d;   
   border-bottom: 1px solid #5d5d5d;   
   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: #e0e0e0;   
   opacity: 0.9;   
   }   
     
   .sweetMenuAnchor span{   
   display: block;   
   padding-top: 34px;   
   }   
   </style>   

   <ul id="backMenu">   
   </ul>   
   <ul id="exampleMenu">   
     
   <li><a href="ВАШ ЛИНК">Набор файловиков</a></li>   
     
   </ul>
 
  • Страница 1 из 1
  • 1
Поиск: