Developer29 Ответов: 1

Как использовать тег marquee без зазора?


Я использую "шатер" для продолжения движения записи в восходящем направлении.Предположим, у меня есть 5 записей, чем он двигается нормально, но после завершения последнего перемещения записи есть большой пробел, чтобы начать прокрутку с 1-й записи.Как я могу управлять этим? Я хочу использовать в asp.Net.
Есть ли какой-нибудь другой способ прокрутить записи в asp.net.

Что я уже пробовал:

< html xmlns="http://www.w3.org/1999/xhtml" >
&ЛТ;глава атрибут runat="сервер"и GT;
в <название&ГТ;&ЛТ;/название&ГТ;
&ЛТ;текст сценария тип='/JavaScript с' в src="jquery-3.1.0.js"&ГТ;&ЛТ;/скрипт>
&ЛТ;текст сценария тип='/JavaScript с' в src="jquery-3.1.0.min.js"&ГТ;&ЛТ;/скрипт>
&ЛТ;текст сценария тип='/JavaScript с' в src="JavaScript1.js"&ГТ;&ЛТ;/скрипт>
< script type= 'text/javascript' src= " jQuery.Marquee-master/jquery.marquee.js " > & lt;/script>
< script type= 'text/javascript' src= " jQuery.Marquee-master/jquery.marquee.min.js " > & lt;/script>
& lt;link href= "StyleSheet1. css" rel= "stylesheet"/>

< / head>
& lt;script src= " jQuery.Marquee-master/jquery.marquee.js " > & lt;/script>
& lt;тело>
&ЛТ;форме ID="форма form1" атрибут runat="сервер"и GT;


& lt;направление шатра= "вверх" >

      
  • < img src="images/demo/80x80.gif" alt="" />

    Indonectetus facilis leo. Nullamlacus дуй Ипсум минусы eque лобор ттис номера информационные центры ке Морби Пенас дапи Булум Орна. Urnaul trices quis curabitur.


  • < img src="images/demo/80x80.gif" alt="" />

    Indonectetus facilis leo. Nullamlacus дуй Ипсум минусы eque лобор ттис номера информационные центры ке Морби Пенас дапи Булум Орна. Urnaul trices quis curabitur.


  • < img src="images/demo/80x80.gif" alt="" />

    Indonectetus facilis leo. Nullamlacus дуй Ипсум минусы eque лобор ттис номера информационные центры ке Морби Пенас дапи Булум Орна. Urnaul trices quis curabitur.


  • < img src="images/demo/80x80.gif" alt="" />

    Indonectetus facilis leo. Nullamlacus дуй Ипсум минусы eque лобор ттис номера информационные центры ке Морби Пенас дапи Булум Орна. Urnaul trices quis curabitur.


  • < img src="images/demo/80x80.gif" alt="" />

    Indonectetus facilis leo. Nullamlacus дуй Ипсум минусы eque лобор ттис номера информационные центры ке Морби Пенас дапи Булум Орна. Urnaul trices quis curabitur.




< / шатер>


< / body>
< / html>


CSS

.шатер {
ширина: 300px;
переполнения: скрытые;
граница: 1px solid #ccc;
Предыстория: #ccc;
}


JS

$('.шатер').шатер({
// скорость в миллисекундах шатра
продолжительность: 5000,
// разрыв в пикселях между тикерами
разрыв: 50,
//время в миллисекундах до начала анимации шатра
delayBeforeStart: 0,
//"левый" или "правый"
направление: "вверх",
// true или false - следует ли дублировать маркер, чтобы показать эффект непрерывного потока
дублировано: правда
});

С этим кодом...Я добавил плагин jQuery marquee

Kornfeld Eliyahu Peter

Наверное, лучше им не пользоваться...
https://developer.mozilla.org/en/docs/Web/HTML/Element/marquee

Developer29

Я хочу, чтобы продолжалась прокрутка без разрыва...

Homero Rivera

Решение этой проблемы потребует большой точности, иначе наши решения могут не быть приняты....

1. Есть ли у вас ссылка, чтобы мы могли лучше понять, что вы пытаетесь сделать?
2. Кроме того, не могли бы вы добавить код элементов внутри шатра, пожалуйста?

1 Ответов

Рейтинг:
0

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Используйте плагин - jQuery Marquee с поддержкой CSS3 / реестр плагинов jQuery[^].

Демонстрация - пример плагина jQuery Marquee[^]

Вы можете использовать gap свойство минимизировать разрыв.


Developer29

Я устал от этого решения в visual studio, оно не движется ни в каком направлении.Но демо работает.... хочу ли я добавлять плагины в visual studio для jquery

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Да, конечно, вам нужен jQuery.

Developer29

Я добавил jquery....Но это не работает

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Какую ошибку вы видите на консоли?

Developer29

ошибки нет..Но это не прокрутка...выше я написал код того, что пробовал...