Текст идущий вверх
Здравствуйте. Помогите пожалуйста найти скрипт, как на сайте
http://www.1688.com/ (не реклама, сайт китайский) Слева есть блок, и в нем список, который каждые n секунд поднимается на 1 строку (не знаю как объяснить еще). Видел ли кто-нибудь подобный скрипт ? Сам реализовать никак не могу... |
этим можно так сделать
|
Цитата:
|
AllReady, это слайдер чего-угодно..
|
Цитата:
|
Плохо искали..
что закинете в <li></li> то он крутить и будет |
Цитата:
Цитата:
Вот мой документ:
<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>
Что не так ? я сделал все как там написано. подключил библиотеку версией выше того что описывают, вставил конфиг (пробовал разные) но текст не передвигается все же... |
|
Цитата:
<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>
|
| Часовой пояс GMT +3, время: 07:57. |