|
   |
| Модератор форума: Senator |
| Форум сайта Система uCoz Другие скрипты Блок Друзья сайта на jQuery для uCoz |
| Блок Друзья сайта на jQuery для uCoz |
 [Table]Скрипт представляет собой прокручиваемый блок, в который можно вставить баннеры или скриншоты сайтов ваших друзей и партнёров. Скрипт основан на jQuery и используется движок "Карусель" весом всего в 2КБ!!![/Table] [Table]В глобальный блок "Нижняя часть сайта" вставляйте следующий код (В принципе, не обязательно вставлять в Нижнюю часть сайта... Можете вставить и в более удобное для вас место, но в этом случае скриптовую часть впишите в head)[/Table]
Code <script src="http://apocalypse.ucoz.kz/js/carousell.js"></script> <script> $(function() { $(".anyClass").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" }); }); </script> [Table]Далее вот как оформляются сами баннеры (Если размещаете в Нижней части сайта - вписывайте сразу же под первым кодом, если в произвольное место - вписывайте туда, где будут ваши баннеры):[/Table]
Code <center> <button class="prev"><<</button> <button class="next">>></button> <div class="anyClass"> <ul> <li> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="17" background="http://apocalypse.ucoz.kz/border/1.png" height="17"> </td> <td background="http://apocalypse.ucoz.kz/border/2.png" height="17"> </td> <td width="17" background="http://apocalypse.ucoz.kz/border/3.png" height="17"> </td> </tr> <tr> <td width="17" background="http://apocalypse.ucoz.kz/border/4.png"> </td> <td> <a href="Сссылка на сайт 1" title="Описание сайта" target="blank"><img src='Ссылка на баннер' width="Ширина баннера" height="Высота баннера"></a> </td> <td width="17" background="http://apocalypse.ucoz.kz/border/5.png"> </td> </tr> <tr> <td width="17" background="http://apocalypse.ucoz.kz/border/6.png" height="17"> </td> <td background="http://apocalypse.ucoz.kz/border/7.png" height="17"> </td> <td width="17" background="http://apocalypse.ucoz.kz/border/8.png" height="17"> </td> </tr> </tbody></table> </li> <li> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="17" background="http://apocalypse.ucoz.kz/border/1.png" height="17"> </td> <td background="http://apocalypse.ucoz.kz/border/2.png" height="17"> </td> <td width="17" background="http://apocalypse.ucoz.kz/border/3.png" height="17"> </td> </tr> <tr> <td width="17" background="http://apocalypse.ucoz.kz/border/4.png"> </td> <td> <a href="Сссылка на сайт 2" title="Описание сайта" target="blank"><img src='Ссылка на баннер' width="Ширина баннера" height="Высота баннера"></a> </td> <td width="17" background="http://apocalypse.ucoz.kz/border/5.png"> </td> </tr> <tr> <td width="17" background="http://apocalypse.ucoz.kz/border/6.png" height="17"> </td> <td background="http://apocalypse.ucoz.kz/border/7.png" height="17"> </td> <td width="17" background="http://apocalypse.ucoz.kz/border/8.png" height="17"> </td> </tr> </tbody></table> </li> </ul> </div> </center> [Table]Как видно, код каждого баннера начинается с li и оканчивается на /li. Я специально разделил отступами весь код на отдельные участки.[/Table] Прикрепления: 7181286.png (58.6 Kb)  
|
| |||
| |||