Среда, 29.01.2025, 09:27
Приветствую Вас
Гость
|
RSS
МИР ХАКЕРСТАВА КОНЕЦ СВЕТА
Категории раздела
Магия
[22]
Совместим
[13]
100. savet
[40]
О чувств
[9]
Любовь и дома
[5]
ПСИХОЛОГИЯ
[3]
Мода и стиль
[9]
Религии
[19]
Книга рекордов
[1]
Самые известные хакеры
[8]
Скрипты для uCoz
[83]
Мини-чат
Для добавления необходима авторизация
Статистика
Онлайн всего:
3
Гостей:
3
Пользователей:
0
Главная
»
Статьи
»
Скрипты для uCoz
[
Добавить статью
]
JQuery новостной слайдер
Ставим в нужное место и конечно же меняем стандартный текст на что хотим
<script type="text/javascript" src="/jquery.js"></script> <style type="text/css"> #wrap {width: 250px;height: 380px;padding:10px;background-image: url(/pattern.png);} * html #wrap {width: 270px;height: 380px;padding:10px;background-image: url(/pattern.png);} #flow {overflow: hidden;height:380;width:220;} #pult {float:right; width:25px;height:380px;background-color:#ebebeb;} #b {margin-top:330px;} .contblock {font-family: Verdana; font-size:11px; color:#666666; border-bottom: 1px dotted #999999; padding:4px;text-align:justify;} .postdate {color: #0066CC;font-weight: bold;} #up {filter: alpha(opacity=30); opacity: 0.30;} #down {filter: alpha(opacity=30); opacity: 0.30;} </style> <div id="wrap"><div id="pult"> <div id="t"><img src="/arrow_up.png" width="25" height="25" id="down"></div> <div id="b"><img src="/arrow_dw.png" width="25" height="25" id="up"></div> </div><div id="flow"><div id="cont"> <div class="contblock"><span class="postdate">9 Сентября</span><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tempus pretium lorem. Fusce volutpat orci dapibus lorem. Morbi egestas urna a sem. Maecenas dapibus, elit non viverra vestibulum, mauris augue adipiscing arcu, vel tempus felis diam sed mauris.</div> <div class="contblock"><span class="postdate">8 Сентября</span><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tempus pretium lorem. Fusce volutpat orci dapibus lorem. Morbi egestas urna a sem. Maecenas dapibus, elit non viverra vestibulum, mauris augue adipiscing arcu, vel tempus felis diam sed mauris.</div> <div class="contblock"><span class="postdate">7 Сентября</span><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tempus pretium lorem. Fusce volutpat orci dapibus lorem. Morbi egestas urna a sem. Maecenas dapibus, elit non viverra vestibulum, mauris augue adipiscing arcu, vel tempus felis diam sed mauris.</div> <div class="contblock"><span class="postdate">6 Сентября</span><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tempus pretium lorem. Fusce volutpat orci dapibus lorem. Morbi egestas urna a sem. Maecenas dapibus, elit non viverra vestibulum, mauris augue adipiscing arcu, vel tempus felis diam sed mauris.</div> <div class="contblock"><span class="postdate">5 Сентября</span><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque tempus pretium lorem. Fusce volutpat orci dapibus lorem. Morbi egestas urna a sem. Maecenas dapibus, elit non viverra vestibulum, mauris augue adipiscing arcu, vel tempus felis diam sed mauris.</div> </div></div> </div> <script type="text/javascript"> var j = jQuery.noConflict(); var cheight = j("#cont").height(); var wheight = j("#wrap").height(); var maxmarging = parseInt(cheight)-parseInt(wheight); j("#up").hover( function() { j("#cont").animate({marginTop: "-" + maxmarging + "", marginBottom: "0"}, 5000); j("#up").animate({opacity: 1}, 70); }, function() { j("#cont").stop(); j("#up").animate({opacity: 0.3}, 70); }); j("#down").hover( function() { j("#cont").animate({marginBottom: "-" + maxmarging + "", marginTop: "0"}, 5000); j("#down").animate({opacity: 1}, 70); }, function() { j("#cont").stop(); j("#down").animate({opacity: 0.3}, 70); }); </script>")); </script>
Скачиваем этот архив
slider
распаковываем и заливаем к себе в корень сайта.
и все готово.
Вот что получится:
Категория:
Скрипты для uCoz
| Добавил:
ADMIN
(06.02.2009)
Просмотров:
488
| Рейтинг:
0.0
/
0
|
- Оценить -
Отлично
Хорошо
Неплохо
Плохо
Ужасно
Всего комментариев:
0
Имя *:
Email *:
TV
Код *:
Форма входа
Поиск
новостей сайта
В ОАЭ открывается конференция по борьбе с хакерами
Женщина и сигарета
14-летняя девочка в США 118 дней жила с искусственным сердцем
5 правил питания для оптимальной работы мозга
КУРЕНИЕ УКОРАЧИВАЕТ НЕ ТОЛЬКО ЖИЗНЬ, НО И КОЕ-ЧТО ЕЩЕ
Copyright MyCorp © 2025