Форум

AllReady · #1 (**permalink**) 29.08.2014, 13:53

Здравствуйте. Помогите пожалуйста найти скрипт, как на сайте
http://www.1688.com/ (не реклама, сайт китайский)
Слева есть блок, и в нем список, который каждые n секунд поднимается на 1 строку (не знаю как объяснить еще). Видел ли кто-нибудь подобный скрипт ? Сам реализовать никак не могу...

Viral · #2 (**permalink**) 29.08.2014, 13:58

этим можно так сделать

AllReady · #3 (**permalink**) 29.08.2014, 14:07

Сообщение от Viral

этим можно так сделать

я честно говоря понятия не имею, как связан слайдер изображений и текста. Ничего общего кроме СетИнтервала там кажется нет

Viral · #4 (**permalink**) 29.08.2014, 14:24

AllReady, это слайдер чего-угодно..

AllReady · #5 (**permalink**) 29.08.2014, 15:11

Сообщение от Viral

AllReady, это слайдер чего-угодно..

По крайней мере, слайдера текста я там не нашел. Может быть вы что-то путаете ?

Viral · #6 (**permalink**) 29.08.2014, 15:16

Плохо искали..
что закинете в <li></li> то он крутить и будет

AllReady · #7 (**permalink**) 29.08.2014, 15:41

Сообщение от Viral

AllReady, это слайдер чего-угодно..

Сообщение от Viral

Плохо искали..
что закинете в <li></li> то он крутить и будет

Извиняюсь, не заметил... У меня еще 1 вопрос...
Вот мой документ:

<html>
<head>
	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="jquery.jcarousel.js"></script>
</head>

<script>
	$( document ).ready(function() {
		console.log( "ready!" );
	$('.jcarousel').jcarousel({
		animation: 'slow'
	});

	$('.jcarousel').jcarousel({
		animation: {
			duration: 800,
			easing:   'linear',
			complete: function() {
			}
		}
	});
	});

</script>


<body>
<div class="jcarousel">
    <ul>
        <li>..saS.</li>
        <li>...asA</li>
    </ul>
</div>
</body>

Что не так ? я сделал все как там написано. подключил библиотеку версией выше того что описывают, вставил конфиг (пробовал разные) но текст не передвигается все же...

Viral · #8 (**permalink**) 29.08.2014, 15:44

раз и два

bes · #9 (**permalink**) 30.08.2014, 14:28

Цитата:

jcarousel

<meta charset="utf-8"/>
<style>
#gongAndCheng{
	padding: 1em;
	width: 10em
	height: 20em;
	overflow: hidden;
	border: solid 1px;
}
.infos {
	display: none;
}
</style>
<ul id="gongAndCheng">
      	<li class="chengjiao">
      <a href="http://detail.1688.com/offer/40407921650.html">
        <div class="infos">10条</div>
        <div class="name">1【新品拿样试销】秋冬新款假透肉打底裤双层</div>
      </a>
    </li>
          <li class="gongying">
      <a href="http://detail.1688.com/offer/40914668761.html">
                <div class="infos"><span class="fd-cny">¥</span>1.0</div>
        <div class="name">2北京到揭阳物流公司、物流专线137165</div>
      </a>
    </li>
        	<li class="chengjiao">
      <a href="http://detail.1688.com/offer/36041210210.html">
        <div class="infos">200根</div>
        <div class="name">3【凯宝AV线】特供3.5三声音AV线 A</div>
      </a>
    </li>
          <li class="gongying">
      <a href="http://detail.1688.com/offer/40913456162.html">
                <div class="infos"><span class="fd-cny">¥</span>1350.0</div>
        <div class="name">4厂家直销地中海风格布艺沙发 1+2+3组</div>
      </a>
    </li>
        	<li class="chengjiao">
      <a href="http://detail.1688.com/offer/395625640.html">
        <div class="infos">300件</div>
        <div class="name">5供应自行车尾灯5LED红灯</div>
      </a>
    </li>
</ul>

<script>
(function () {
	var ul = document.getElementById("gongAndCheng");
	var first;
	setInterval(function () {
		first = ul.firstElementChild;//ul.children[0];
		ul.appendChild(first);
	}, 2000);
	
})();
</script>

Форум

Справочник

Discord чат

Курсы javascript