Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Прокрутка текста с помощью кнопок (https://javascript.ru/forum/misc/16629-prokrutka-teksta-s-pomoshhyu-knopok.html)

GEN_18 15.04.2011 15:22

Прокрутка текста с помощью кнопок
 
Ребят, прошу помощи.
Ни как не могу найти скрипт, который прокручивал бы текст (в обе стороны по кругу) при нажатии на кнопку "влево" или "вправо"

прокручиваться должны след. слова
<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>

SV0L0CH 15.04.2011 15:43

Такая прокрутка?
$(function(){
 $("#влево").click(function(){$("#текст").append($("#текст p:first"))});
 $("#вправо").click(function(){$("#текст").prepend($("#текст p:last"))});
});

walik 15.04.2011 15:43

<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;">&lt; &lt; &lt; Пред.</a>
<a href="#" onclick="next(); return false;">След. &gt; &gt; &gt;</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>

GEN_18 15.04.2011 15:59

да, он самый!!!
спасибо!
все работает как нужно!!! =)
на у с дизайном я сам разберусь!! =)))
еще раз спасибо!!!!


Часовой пояс GMT +3, время: 02:56.