Категории раздела |
|
|
Статистика |
Онлайн всего: 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 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
| | |
|
Вход на сайт |
|
|
Поиск |
|
|
Друзья сайта |
|
|
|