Новый интересный переключатель страниц на css3 и jQuery для Каталога Файлов ucoz


Новый интересный переключатель страниц на css3 и jQuery для Катал...

6023
8 из 10
Проголосовало: 4






Данный переключатель - это просто полёт фантазии и небольшой подарок к Новогодним праздникам. Основным достоинством данного скрипта является его простота и надёжность работы. Особенно полезная функция - возможность разворачивания полного списка страниц и возвращение к компактному виду в один клик

Установка:

На страницах Каталога файлов, где есть переключатели, замените $PAGE_SELECTOR$ на:

Код
<style>  
.aponewselect {  
  white-space:normal;  
  width:500px;  
}  

.swchItem, .swchItemA, .swchItemDots {  
  padding:1px 3px 1px 3px;  
  margin-right:3px;  
  margin-bottom:2px !important;  
  background:rgba(220, 220, 220, 0.8);  
  border-top:1px solid #aaa;  
  border-left:1px solid #aaa;  
  border-right:1px solid #eee;  
  border-bottom:1px solid #eee;  
  border-radius:2px;  
  min-width:20px;  
  height:15px;  
  text-align:center;  
  cursor:pointer;  
  transition: border .3s linear, background .2s linear;  
-moz-transition: border .3s linear, background .2s linear;  
-webkit-transition: border .3s linear, background .2s linear;  
-o-transition: border .3s linear, background .2s linear;  
  text-decoration:none !important;  
  color:#777 !important;  
float:left;  
}  

.swchItemA, .swchItemDots {  
  background:rgba(240, 220, 220, 0.8);  
}  

.swchItem:hover {  
  border-bottom:1px solid #999;  
  border-right:1px solid #999;  
  border-top:1px solid #eee;  
  border-left:1px solid #eee;  
  background:rgba(220, 245, 220, 0.8);  
}  

.swchItem:active {  
  border-bottom:1px solid #ddd;  
  border-right:1px solid #ddd;  
  border-top:1px solid #eee;  
  border-left:1px solid #eee;  
  background:rgba(220, 240, 220, 0.8);  
}  
</style>  

<div class="aponewselect">$PAGE_SELECTOR$</div>  

<script>  
// ApoTeam (c) 2013  
  $('div.aponewselect').prepend('<a class="swchItem" href="javascript://" onclick="$(\'a#aposwitchnew\').remove();$(\'span.swchItemDots\').show();return false;">×</a>');  
  $('span.swchItemDots').click(function() {  
var apothisprev = parseInt($(this).prev().text()) + 1;  
var apothisnext = parseInt($(this).next().text());  
for(i=apothisprev;i<apothisnext;i++) {  
  $(this).before('<a class="swchItem" id="aposwitchnew" style="display:none;" href="javascript://" rel="nofollow" onclick="spages(' + i + ');return false;">' + i + '</a>');  
}  
  $(this).hide();  
  $('a.swchItem').fadeIn();  
});  
// apo-ucoz.com (c) 2013  
</script>


готово!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://www.apo-ucoz.com/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    402
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 1
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: