» »

Два скроллинга для сайта


Два скроллинга для сайта

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

Вертикальный скорлинг:

Код
<p style="text-align:center">  
<MARQUEE direction=up height=250 scrollAmount=2 scrollDelay=20 onmouseover=this.stop() onmouseout=this.start()>  
<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>  
</font></MARQUEE> </p>


Горизонтальный скорлинг:

$IMAGE2$


Код
<MARQUEE onmouseover=this.stop() onmouseout=this.start()  
scrollAmount=2 scrollDelay=0 direction=left width=100% height=150>  
<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>  
</font></MARQUEE> </p>


Ссылки картинок ставите свои.
05.03.2014 Просмотров: 908 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar