Четверг, 16.05.2024, 16:47
Друг Вокруг
Приветствую Вас Гость | RSS
Главная | Все для Ucoz | Регистрация | Вход
Категории раздела
Шаблоны для ucoz [7]
Скрипты для uCoz [23]
Кнопки для сайта [3]
Шапки для сайтов [0]
Иконки для Ucoz [2]
Графика для сайта [0]
Ajax для uCoz [0]
Меню для uCoz [1]
Мини-профиль для uCoz [2]
Программы для web-мастера [1]

Статистика

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


Два скроллинга для сайта
21.02.2017, 13:59
Вам представлены два Скроллинга. Это как вертикальный, который на главной страницы. И горизонтальный который вы можете увидеть в этом материале. Это отличный скрипт который можно поставить на свой сайт и сделать размер какой вам нужен и регулировать скорость. И он будет с низу вверх показывать картинки. Это может быть как по вашей тематики и ваши материалы.
Так как при нажатий вы попадаете в тот раздел что показано на картинке.
Все очень просто и думаю для некоторых интернет ресурсов, даже может быть актуально. 

Горизонтальный скорлинг
Картинки и размеры ставите свои

Код
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="0" direction="left" width="100%" height="150" style="width: 100%; height: 150px;">  
<a href="scrolling.html"><img src="ссылка" alt="" width="200" height="150" border="0"></a>  
<a href="scrolling.html"><img src="images/foto10.jpg" alt="" width="200" height="150" border="0"></a>  
<a href="scrolling.html"><img src="images/foto5.jpg" alt="" width="200" height="150" border="0"></a>  
<a href="scrolling.html"><img src="images/foto2.jpg" alt="" width="200" height="150" border="0"></a>  
<a href="scrolling.html"><img src="images/foto4.jpg" alt="" width="200" height="150" border="0"></a>  
<a href="scrolling.html"><img src="images/foto3.jpg" alt="" width="200" height="150" border="0"></a>  
<a href="scrolling.html"><img src="images/foto6.jpg" alt="" width="200" height="150" border="0"></a>  
<a href="scrolling.html"><img src="images/foto7.jpeg" alt="" width="200" height="150" border="0"></a>  
<a href="scrolling.html"><img src="images/foto8.jpg" alt="" width="200" height="150" border="0"></a>  
<a href="scrolling.html"><img src="images/foto9.jpg" alt="" width="200" height="150" border="0"></a>  
</marquee> <p></p>


Код

<marquee direction="up" height="250" scrollamount="2" scrolldelay="20" onmouseover="this.stop()" onmouseout="this.start()" style="height: 250px;">  
<a href="scrolling.html"><img src="ссылка" width="200" alt="" title=""><br>Пример рис.1</a>

   
<a href="scrolling.html"><img src="images/foto2.jpg" width="200" alt="" title=""><br>Пример рис.2</a>

   
<a href="scrolling.html"><img src="images/foto3.jpg" width="200" alt="" title=""><br>Пример рис.3</a>

   
<a href="scrolling.html"><img src="images/foto4.jpg" width="200" alt="" title=""><br>Пример рис.4</a>

   
<a href="scrolling.html"><img src="images/foto5.jpg" width="200" alt="" title=""><br>Пример рис.5</a>

   
<a href="scrolling.html"><img src="images/foto6.jpg" width="200" alt="" title=""><br>Пример рис.6</a>

   
<a href="scrolling.html"><img src="images/foto7.jpeg" width="200" alt="" title=""><br>Пример рис.7</a>

   
<a href="scrolling.html"><img src="images/foto8.jpg" width="200" alt="" title=""><br>Пример рис.8</a>

   
<a href="scrolling.html"><img src="images/foto9.jpeg" width="200" alt="" title=""><br>Пример рис.9</a>

   
<a href="scrolling.html"><img src="images/foto10.jpg" width="200" alt="" title=""><br>Пример рис.10</a>  
</marquee> </p>




Категория: Скрипты для uCoz | Добавил: olya_lukyanova_56
Просмотров: 325 | Загрузок: 0 | Рейтинг: 3.0/4
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт

Поиск

Друзья сайта

Copyright MyCorp © 2024