Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.01.2019, 16:10
Профессор
Отправить личное сообщение для face2005 Посмотреть профиль Найти все сообщения от face2005
 
Регистрация: 04.04.2014
Сообщений: 151

как такое забацать?
http://prntscr.com/m4wh4x
сайт https://goxbet.com/
скрипты глянул, но что-то не работает
Ответить с цитированием
  #2 (permalink)  
Старый 09.01.2019, 16:11
Профессор
Отправить личное сообщение для face2005 Посмотреть профиль Найти все сообщения от face2005
 
Регистрация: 04.04.2014
Сообщений: 151

(function($) {
	$.fn.HDWinnersSlider = function(options) {
		var defaults = {
			animDuration: 1000,
			animDelay: 5000
		};
		var settings = $.extend({}, defaults, options);
		var slider = $(this);
		if (slider.children().first() && slider.children().first().prop("tagName")) {
			var slideItem = slider.children().first().prop("tagName").toLowerCase();
			var slideItemsCount = slider.find(slideItem).length;
			var slideItemHeight = slider.find(slideItem).first().outerHeight();
			slider.css({
				"overflow": "hidden",
				"height": slideItemHeight * 3
			})

			function slide() {
				slider.find(slideItem).first().animate({
					"margin-top": parseInt(slideItemHeight) * -1
				}, settings.animDuration, function() {
					var firstEl = slider.find(slideItem).first();
					var lastEl = slider.find(slideItem).last();
					firstEl.insertAfter(lastEl).css("margin-top", 0);
				})
			}
			if (slideItemsCount > 3) {
				var autoSlide = setInterval(function() {
					slide();
				}, settings.animDelay);
				slider.hover(function() {
					clearInterval(autoSlide);
				}, function() {
					autoSlide = setInterval(function() {
						slide();
					}, settings.animDelay);
				})
			}
		}
	};
}(jQuery));




 $( document ).ready(function() {
                $(".hd-winners").HDWinnersSlider({
                    animDuration: 1000,
                    animDelay: 2000
                });
            });
Ответить с цитированием
  #3 (permalink)  
Старый 09.01.2019, 16:13
Профессор
Отправить личное сообщение для face2005 Посмотреть профиль Найти все сообщения от face2005
 
Регистрация: 04.04.2014
Сообщений: 151

<ul class="hd-winners" style="overflow: hidden; height: 69px;">
 	<li><img style="width: 15px; height: 18px;" src="//goxbet.com/front/images/games/gr_gaminator_2winpower_450bb87df606c9e3744b6deca2d398d2d98eb723.png" alt="Aztec Gold" /> <span data-castomizer-group="Winner name">alex***</span> <span data-castomizer-group="Winner number">1.64 UAH</span></li>
 	<li><img style="width: 15px; height: 18px;" src="//goxbet.com/front/images/games/gr_Endorphina_423b1f5041d649ef65a7c6ae0c1cc7c5b19a43ff.jpg" alt="Lucky Streak 2" /> <span data-castomizer-group="Winner name">Nana***</span> <span data-castomizer-group="Winner number">14.55 USD</span></li>
    <li><img style="width: 15px; height: 18px;" src="//goxbet.com/front/images/games/gr_gaminator_2winpower_450bb87df606c9e3744b6deca2d398d2d98eb723.png" alt="Aztec Gold" /> <span data-castomizer-group="Winner name">alex***</span> <span data-castomizer-group="Winner number">1.64 UAH</span></li>
    <li><img style="width: 15px; height: 18px;" src="//goxbet.com/front/images/games/gr_Endorphina_423b1f5041d649ef65a7c6ae0c1cc7c5b19a43ff.jpg" alt="Lucky Streak 2" /> <span data-castomizer-group="Winner name">Nana***</span> <span data-castomizer-group="Winner number">14.55 USD</span></li>

</ul>

Последний раз редактировалось face2005, 09.01.2019 в 16:31.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вот такое задание, но я только в начале пути вэб разработки, подскажите как? Dixlofos Общие вопросы Javascript 31 22.10.2018 01:48
Решение проблемы кодировок для AJAX и PHP без iconv (cp1251 в AJAX) Serge Ageyev AJAX и COMET 10 24.04.2013 20:48
Как использовать sprit'ы? Hekumok Общие вопросы Javascript 17 10.08.2012 11:24
Как можно такое реализовать? Jquery & Ajax _M_ jQuery 5 16.07.2012 13:24
Как зделать такое? Gibor21 Элементы интерфейса 85 11.03.2010 00:20