Все о HTML и CSS

Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Январь 2013  »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
Набор файловиков. (выдвижное меню)
Описание: Выдвижное меню с текстом "НАБОР ФАЙЛОВИКОВ". Этот текст можно заменить на свой.

Код
<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>
Категория: Скрипты | Просмотров: 348 | Добавил: budyvmaster | 19:52 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 2008-2024 Школа HTML и CSS. Все права защищены.
При копировании материалов с данного сайта, гиперссылка на //school-html-css.3dn.ru/ ОБЯЗАТЕЛЬНА! Вся информация защищена законами о защите авторских правах.
Полную информацию о копировании материалов читайте в разделе "Правила копирования информации"