how to make marquee move the whole text

Question

I have tried marquee atg in asp.net to move text and I sized the space for displaying the text which is small and when text reaches the end point starts displaying from the the begging I need to show all text continually please help scroll direction= up style= width:auto; height:400px scrollamount= 2 onmouseover= this.stop(); onmouseout= this.start(); > dlIdea DataSourceID= SqlDataSource2 runat= server Width= 100% HorizontalAlign= Left CellPadding= 2 >

Midhun T P · Answer

Hi Marquee tags are not supported by modern browsers. That's why you are not getting complete text continually. Instead you can use jquery plugins for marquee effects. https://github.com/aamirafridi/jQuery.Marquee

Joma Rajab · Answer

Thanks I used jQuery but not working because I use data from database to display not normal text this the code I put between div tag and I used the same jQuery code in this link http://www.jqueryscript.net/animation/Text-Scrolling-Plugin-for-jQuery-Marquee.html class = 'marquee' > dlIdea DataSourceID= SqlDataSource2 runat= server Width= 100% HorizontalAlign= Left CellPadding= 2 > class = desc > class = thumb > class = badgebg-theme > class = fafa-clock-o > class = details > ' ' # > ' ' : Label8 runat= server Text= ' ' > SqlDataSource2 runat= server ConnectionString=   SelectCommand= SELECTTOP(4)*FROM[News]ORDERBY[date]DESC > https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js > jquery.marquee.js > jquery.pause.js > jquery.easing.min.js > $(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 }); }); Please help

Joginder Banger · Answer

You can move whole text using smart Jquery. I hope this link very useful for you. http://www.jqueryscript.net/animation/Text-Scrolling-Plugin-for-jQuery-Marquee.html