Прокрутка текста с помощью кнопок
Ребят, прошу помощи.
Ни как не могу найти скрипт, который прокручивал бы текст (в обе стороны по кругу) при нажатии на кнопку "влево" или "вправо" прокручиваться должны след. слова <p><a href="/en/">Language ENGLAND</a></p> <p><a href="/gr/">Language GREEK</a></p> <p><a href="/it/">Language ITALY</a></p> <p><a href="/fr/">Language FRANCE</a></p> <p><a href="/cz/">Language CZECH</a></p> <p><a href="/es/">Language SPANISH</a></p> <p><a href="/cn/">Language CHINA</a></p> <p><a href="/pl/">Language POLISH</a></p> <p><a href="/tr/">Language TURKEY</a></p> <p><a href="/fi/">Language FINNISH</a></p> |
Такая прокрутка?
$(function(){ $("#влево").click(function(){$("#текст").append($("#текст p:first"))}); $("#вправо").click(function(){$("#текст").prepend($("#текст p:last"))}); }); |
<html> <head> <script type="text/javascript" language="javascript"> var current = 0, max = 9; function next() { var next = (current == max) ? 0 : current+1; var elems = document.getElementById('place').getElementsByTagName('p'); elems[current].style.display = 'none'; elems[next].style.display = 'block'; current = next; } function prev() { var prev = (current == 0) ? max : current-1; var elems = document.getElementById('place').getElementsByTagName('p'); elems[current].style.display = 'none'; elems[prev].style.display = 'block'; current = prev; } </script> <style> #place p { display: none; } </style> </head> <body> <a href="#" onclick="prev(); return false;">< < < Пред.</a> <a href="#" onclick="next(); return false;">След. > > ></a> <div id="place"> <p style="display: block;"><a href="/en/">Language ENGLAND</a></p> <p><a href="/gr/">Language GREEK</a></p> <p><a href="/it/">Language ITALY</a></p> <p><a href="/fr/">Language FRANCE</a></p> <p><a href="/cz/">Language CZECH</a></p> <p><a href="/es/">Language SPANISH</a></p> <p><a href="/cn/">Language CHINA</a></p> <p><a href="/pl/">Language POLISH</a></p> <p><a href="/tr/">Language TURKEY</a></p> <p><a href="/fi/">Language FINNISH</a></p> </div> </body> </html> |
да, он самый!!!
спасибо! все работает как нужно!!! =) на у с дизайном я сам разберусь!! =))) еще раз спасибо!!!! |
Часовой пояс GMT +3, время: 02:56. |