Как сделать шатер с помощью jquery

---

Мне действительно нужно заставить текст двигаться вверх, и этот текст извлекается из базы данных. Я пробовал тег marquee, но не показывал весь текст до тех пор, пока он не закончится, как раз когда текст достигает точки вверх, он останавливается и начинается снова. когда я пробовал JQuery, но не работал

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

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

& lt;divclass>
<asp:DataListID= "dlIdea" DataSourceID= "SqlDataSource2" runat= " сервер"
Width= "100%" HorizontalAlign= "Left" CellPadding= " 2 " >
& lt;itemtemplate>
& lt;divclass>
& lt;divclass>
< spanclass>< iclass>

& lt;divclass>

< muted>' & lt;%#Eval ("дата")%>'


<ahref>'<%#Eval("Ntitle")%>':<asp:LabelID="Label8"runat="server"Text='<%#Eval("news")%>'>

<asp:SqlDataSourceID="SqlDataSource2"runat="server"ConnectionString="<%$ConnectionStrings:ConnectionString%>"
SelectCommand= "SELECTTOP(4)*FROM[News]ORDERBY[date]DESC" >

< scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" > & lt;/script>
< scriptsrc="jquery.marquee.js" > & lt;/script>
< scriptsrc="jquery.pause.js" > & lt;/script>
< scriptsrc="jquery.easing.min.js" > & lt;/script>
& lt;скрипт>
$(функция(){
$('.шатер').шатер({
allowCss3Support:правда,
//workswhenallowCss3Supportissettotrue-forfulllistseehttp://www.w3.org/TR/2013/WD-css3-transitions-20131119/#transition-timing-function
css3easing: "линейный",
//requiresjQueryeasingplugin.Defaultis 'linear'
ослабление: "линейное",
//trueorfalse-shouldthemarqueebeduplicatedtoshowaneffectofcontinuesflow
дублируется: ложь,
//pausetimebeforethenextanimationturninmilliseconds
delayBeforeStart:1000,
направление: "вверх",
//trueorfalse-shouldthemarqueebeduplicatedtoshowaneffectofcontinuesflow
дублируется: ложь,
// speedinmillisecondsofthemarqueeinmilliseconds
продолжительность: 5000,
//gapinpixelsbetweenthetickers
разрыв:20,
//oncyclepausethemarquee
pauseOnCycle:накладные,
//onhoverpausethemarquee-usingjQuerypluginhttps://GitHub-е. ком/Тобия/пауза
pauseOnHover: ложь,
//themarqueeisvisibleinitiallypositionednexttothebordertowardsitwillbemoving
startVisible: ложь
});
});
< / script>

---