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>