sean04 Posted May 15, 2012 Share Posted May 15, 2012 Hey, I have a news ticker that I'm attempting to make look smoother but am having no luck. Code is as follows: $(function () { $('#listticker').hover(function () { clearInterval(runTicker); }, function () { runTicker = setInterval(newsticker, pause); }); }); function newsticker() { last = $('ul#listticker li:last').hide().remove(); $('ul#listticker').prepend(last); $('ul#listticker li:first').slideDown(1000); } var runTicker = setInterval(newsticker, pause); The original idea came from here: http://woorktuts.110mb.com/newstickerjq/index.html but this is modified for what I need. As of now "new" articles slide down from the top and the last leaves from the bottom. The whole animation just looks a little clunky. Can anyone improve what I got so far? Thanks in advance! Quote Link to comment https://forums.phpfreaks.com/topic/262573-jquery-news-ticker/ Share on other sites More sharing options...
The Letter E Posted May 15, 2012 Share Posted May 15, 2012 Try playing around with the time of the animation and also check out the jQuery easing plugin: http://gsgd.co.uk/sandbox/jquery/easing/ Quote Link to comment https://forums.phpfreaks.com/topic/262573-jquery-news-ticker/#findComment-1345735 Share on other sites More sharing options...
Adam Posted May 16, 2012 Share Posted May 16, 2012 No need to use a plug-in, in the core you have slideUp() and slideDown() available already, which use the "swing" easing function by default. Quote Link to comment https://forums.phpfreaks.com/topic/262573-jquery-news-ticker/#findComment-1345949 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.