Форум

GEN_18 · #1 (**permalink**) 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 · #2 (**permalink**) 15.04.2011, 15:43

Такая прокрутка?

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

walik · #3 (**permalink**) 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 · #4 (**permalink**) 15.04.2011, 15:59

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

Форум

Справочник

Discord чат

Курсы javascript