【发布时间】:2015-08-18 14:28:11
【问题描述】:
我需要像 http://www.jqueryscript.net/demo/jQuery-Plugin-For-Horizontal-Text-Scrolling-Simple-Marquee/ 这样的东西,但有 prev 和 next 控件(而且免费,我在 CodeCanyon 上看到过一些)。有什么建议吗?
【问题讨论】:
标签: jquery-plugins news-ticker
我需要像 http://www.jqueryscript.net/demo/jQuery-Plugin-For-Horizontal-Text-Scrolling-Simple-Marquee/ 这样的东西,但有 prev 和 next 控件(而且免费,我在 CodeCanyon 上看到过一些)。有什么建议吗?
【问题讨论】:
标签: jquery-plugins news-ticker
jQuery News Ticker 是一个开源库,可以滚动,具有前进和后退控件,以及暂停等高级功能。希望这会有所帮助..
http://www.jquerynewsticker.com/
该网站有详细解释,但这里有所有细粒度的选项供您选择:
$(function () {
$('#js-news').ticker(
speed: 0.10, // The speed of the reveal
ajaxFeed: false, // Populate jQuery News Ticker via a feed
feedUrl: false, // The URL of the feed
// MUST BE ON THE SAME DOMAIN AS THE TICKER
feedType: 'xml', // Currently only XML
htmlFeed: true, // Populate jQuery News Ticker via HTML
debugMode: true, // Show some helpful errors in the console or as alerts
// SHOULD BE SET TO FALSE FOR PRODUCTION SITES!
controls: true, // Whether or not to show the jQuery News Ticker controls
titleText: 'Latest', // To remove the title set this to an empty String
displayType: 'reveal', // Animation type - current options are 'reveal' or 'fade'
direction: 'ltr' // Ticker direction - current options are 'ltr' or 'rtl'
pauseOnItems: 2000, // The pause on a news item before being replaced
fadeInSpeed: 600, // Speed of fade in animation
fadeOutSpeed: 300 // Speed of fade out animation
);
});
【讨论】: