Главная » 2012 » Октябрь » 10 » Стильные селекторы на CSS3+JQuery (Скрипты для ucoz)
10.10.2012, 20:43

Стильные селекторы на CSS3+JQuery




Представляю вам 5 стильных видов селекторов (<select>) для сайта. Работают в IE 6-9, Chrome, Safari, Firefox.
УСТАНОВКА

1. Перед </head> на нужных страницах:
Code
<!-- CSS & JS files -->
  <link rel="stylesheet" type="text/css" href="Selectyze.jquery.css" media="screen" />
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="Selectyze.jquery.min.js"></script>

2. Там, где будет располагаться селектор:
Code

  <select name="my_select" class="selectyze">
  <option>- -</option>
  <option value="value1" selected="selected">Вар-т 1</option>
  <option value="value2">Вар-т 2</option>
  </select>  

3. На нужной странице, где хотите:
Code
<script type="text/javascript">
  $(document).ready(function(){
  // simple Selectyze call  
$(".selectyze").Selectyze();
  // call with options  
$(".selectyze").Selectyze({
  theme:'css3',
  effectOpen:'fade',  
effectClose:'slide'
  });  
});  
</script>

Залейте файлы в корень вашего сайта

НАСТРОЙКА
В JS-коде (шаг 3) найдите:
Code
theme:'css3'

и меняйте на полюбившуюся тему:
Code
theme:'skype'

Code
theme:'mac'

Code
theme:'grey'

Code
theme:'firefox'

русская адаптация от sold93 для infoscript.ru
Материал взят с сайта infoscript.ru
Теги: Скачать Стильные селекторы на CSS3+JQuery
Скачать "Стильные селекторы на CSS3+JQuery"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: htmldrive.net
Категория: Скрипты uCoz | Просмотров: 1472 | Добавил: sold93 | Рейтинг: 5.0/3 |
Теги: селекторы, CSS3+JQuery, На, стильные
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]