How to make marquee with jquery

See more:

ASP.NET

I do need to make text move up and this text is retrieved from database. I have tried marquee tag but no displaying whole text till it ends just when text reaches the up point it stops and starts again. when I tried JQuery but not working

the code below is what I have tried
Please help

What I have tried:

<divclass>
<asp:DataListID="dlIdea"DataSourceID="SqlDataSource2"runat="server"
Width="100%"HorizontalAlign="Left"CellPadding="2">
<itemtemplate>
<divclass>
<divclass>
<spanclass><iclass>

<divclass>

<muted>'<%#Eval("date")%>'


<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"></script>
<scriptsrc="jquery.marquee.js"></script>
<scriptsrc="jquery.pause.js"></script>
<scriptsrc="jquery.easing.min.js"></script>
<script>
$(function(){
$('.marquee').marquee({
allowCss3Support:true,
//workswhenallowCss3Supportissettotrue-forfulllistseehttp://www.w3.org/TR/2013/WD-css3-transitions-20131119/#transition-timing-function
css3easing:'linear',
//requiresjQueryeasingplugin.Defaultis'linear'
easing:'linear',
//trueorfalse-shouldthemarqueebeduplicatedtoshowaneffectofcontinuesflow
duplicated:false,
//pausetimebeforethenextanimationturninmilliseconds
delayBeforeStart:1000,
direction:'up',
//trueorfalse-shouldthemarqueebeduplicatedtoshowaneffectofcontinuesflow
duplicated:false,
//speedinmillisecondsofthemarqueeinmilliseconds
duration:5000,
//gapinpixelsbetweenthetickers
gap:20,
//oncyclepausethemarquee
pauseOnCycle:false,
//onhoverpausethemarquee-usingjQuerypluginhttps://github.com/tobia/Pause
pauseOnHover:false,
//themarqueeisvisibleinitiallypositionednexttothebordertowardsitwillbemoving
startVisible:false
});
});
</script>