Пятница, 19.04.2024, 14:11
Главная Регистрация RSS
Приветствую Вас, Гость
НОВЫЕ КОМЕНТАРИИ
Коментарий:Невероятно....это полезный веб-сайты.
Добавил:Stevensleed

Коментарий:Сколько лет прошло, старина?) зарегался, просто вспомнить те времена,
Добавил:Vj PitBulvjpitbul94

Коментарий:Всё исправил, проверил , скачивайте
Добавил:Modred

Коментарий:Классный скрипт , но на PHP
Добавил:ZemHU

Коментарий:Отличный движок Добавил:DexonEdutt

Коментарий:Легко установить Добавил:Mixhoarm

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетили :
Поиск
Главная » Файлы » Скрипты для UCOZ » Другие скрипты для UCOZ

Простая бегущая строка на jQuery

Простая бегущая строка на jQuery
Где хотим видеть
Код
<script type="text/javascript"> // by mytorrnadocom  $(function() {   var marquee = $("#marqueemytorrnadocom");   marquee.css({"overflow": "hidden", "width": "100%"});   // оболочка для текста ввиде span (IE не любит дивы с inline-block)  marquee.wrapInner("<span>");  marquee.find("span").css({ "width": "50%", "display": "inline-block", "text-align":"center" });   marquee.append(marquee.find("span").clone()); // тут у нас два span с текстом   marquee.wrapInner("<div>");  marquee.find("div").css("width", "200%");   var reset = function() {  $(this).css("margin-left", "0%");  $(this).animate({ "margin-left": "-100%" }, 12000, 'linear', reset);  };   reset.call(marquee.find("div"));   });  </script>  <div class="string"> <div id="marquee">Строка с бегущим текстом для показа какого-нибудь важного объявления на сайте.</div> </div>
В head
Код
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
В CSS
Код
.string{  width:600px;  height:30px;  margin:60px auto;  line-height:28px;  padding: 0 10px;  border-radius:4px;  box-shadow:0 1px 2px #777;  -moz-border-radius:4px;  -webkit-border-radius:4px;  background: rgb(238,238,238);  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);  background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);  background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );  }
Простая бегущая строка на jQuery

Похожие материалы:

Категория: Другие скрипты для UCOZ | Добавил: mytorrento | Теги: РАЗНЫЕ СКРИПТЫ УКОЗ
Просмотров: 1181 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0