Скрипт меняет тиц визуально

928
10 из 10
Проголосовало: 2






Нажмая на стрелочки, тиц будет расти или убывать, обычная игрушка с запоминанием на куки.

В самый верхний блок перед меню.

Code
<script type="text/javascript">  
  // $.cookie('test', 'my content', {expires: 365, path: '/'}); Создаём cookie  
  // $.cookie('test'); Получаем cookie  
  // $.cookie('test', null, {path: '/'}); Удаляем cookie  

  jQuery.cookie = function(name, value, options) {  
  if (typeof value != 'undefined') {  
  options = options || {};  
  if (value === null) {  
  value = '';  
  options.expires = -1;  
  }  
  var expires = '';  
  if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {  
  var date;  
  if (typeof options.expires == 'number') {  
  date = new Date();  
  date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));  
  } else {  
  date = options.expires;  
  }  
  expires = '; expires=' + date.toUTCString();  
  }  
  var path = options.path ? '; path=' + (options.path) : '';  
  var domain = options.domain ? '; domain=' + (options.domain) : '';  
  var secure = options.secure ? '; secure' : '';  
  document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');  
  } else {  
  var cookieValue = null;  
  if (document.cookie && document.cookie != '') {  
  var cookies = document.cookie.split(';');  
  for (var i = 0; i < cookies.length; i++) {  
  var cookie = jQuery.trim(cookies[i]);  
  if (cookie.substring(0, name.length + 1) == (name + '=')) {  
  cookieValue = decodeURIComponent(cookie.substring(name.length + 1));  
  break;  
  }  
  }  
  }  
  return cookieValue;  
  }  
  };</script>  
  <script type="text/javascript">  
  $(document).ready(function set_tic() {  
  var t = $.cookie('change_tic');  
  if (t==null) { $('#tic').html('0'); $('#down_btn').css('display','none'); }  
  else  
  {  
  if (t==500) { $('#up_btn').css('display','none'); } else { $('#up_btn').css('display','inline-block'); }  
  if (t==0) { $('#down_btn').css('display','none'); } else { $('#down_btn').css('display','inline-block'); }  
  $('#tic').html(t);  
  }  
  });  
   
  function change_tic(act){  
  var t = $('#tic').text() * 1;  
  if (act=='+') { t = t + 10; } else { t = t - 10; }  
  $('#tic').text(t);  
  if (t==500) { $('#up_btn').css('display','none'); } else { $('#up_btn').css('display','inline-block'); }  
  if (t<=0) { $('#down_btn').css('display','none'); } else { $('#down_btn').css('display','inline-block'); }  
  $.cookie('change_tic', t, {expires: 365, path: '/'});  
  }  
  </script>  
  <div style="width:88px;height:31px;background: url('http://webo4ka.ru/Ucoz4/tic_meniim_vizyalino.png');margin:0;padding:0;">  
  <span style="z-index:11;width:88px;height:31px;position:absolute;margin-left:24px;"><img src="http://webo4ka.ru/Ucoz4/tic_meniim_vizyalino_up.png" id="up_btn" style="width:9px;height:10px;cursor:pointer;opacity:0.7;" onmouseover="$(this).animate({opacity: '1.0'}, 300);" onmouseout="$(this).animate({opacity: '0.7'}, 300);" onclick="change_tic('+');" /></span>  
  <span style="z-index:11;width:88px;height:31px;position:absolute;margin-left:24px;margin-top:15px;"><img src="http://webo4ka.ru/Ucoz4/tic_meniim_vizyalino_down.png" id="down_btn" style="width:9px;height:10px;cursor:pointer;opacity:0.7;" onmouseover="$(this).animate({opacity: '1.0'}, 300);" onmouseout="$(this).animate({opacity: '0.7'}, 300);" onclick="change_tic('-');" /></span>  
  <span style="z-index:10;width:74px;height:31px;position:absolute;margin-top:-3px;text-align:right;color:#000000;font-family:Times New Roman;font-size:22px;"><span style="border-bottom: 1px solid #000000;padding-bottom:4px;"><span style="border-bottom: 1px solid #000000;padding-bottom:2px;"><span style="border-bottom: 1px solid #000000;"><span id="tic"></span></span></span></span></span></div>
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 4

DJ_FORWARD
0
DJ_FORWARD написал: Написано 18 Июля 2011 в 23:14
Комментарий №4
wacko

uID
0
uID написал: Написано 17 Июля 2011 в 15:19
Комментарий №3
Прикольно.

VutaLey
0
VutaLey написал: Написано 15 Июля 2011 в 16:44
Комментарий №1
Мечтать не вредно !! biggrin

Вовчик
0
Вовчик написал: Написано 15 Июля 2011 в 18:03
Комментарий №2
biggrin

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
    Последние темы
    Опрос
    258
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: