第5款插件:jTicker——以逐字滚动新闻形式显示内容插件

最新推荐文章于 2025-03-23 00:25:08 发布

skAce

最新推荐文章于 2025-03-23 00:25:08 发布

阅读量554

点赞数

分类专栏： jQuery plug-in 文章标签： jquery jQuery JQUERY Jquery JQuery

33 篇文章

订阅专栏

说明：jTicker是以滚动新闻的形式逐字显示文本内容，用打字机的效果一个个打印显示出来。可以显示一大段文字，用于希望用户特别关注的文本。提供jQuery事件控制。
官方链接： http://webdev.stephband.info/jticker
JS下载： http://ijquery.360sites.cn/js/jquery.jticker.js
预览： http://ijquery.360sites.cn/demo/jTicker
打包下载：http://ijquery.360sites.cn/demo/jTicker/jTicker.zip
参数说明：

rate: 40, // Speed to print message.译：打印信息的速度,40指的是1/25秒
delay: 2000, // Pause to read message.译：阅读信息停顿的时间，2000指的是2秒
cursorList: "_", // A string or an array of strings or jQuery objects. If an array, the cursor loops through the array.译：显示字的后边跟的符号
cursor: jQuery('<span class="cursor" />') //鼠标移上去显示的样式

复制代码

图片展示：

JS引用代码：

<script type="text/javascript" charset="utf-8" src="http://ijquery.360sites.cn/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://ijquery.360sites.cn/js/jquery.jticker.js"></script>
<script>
$(function () {
$('#jticker').ticker({
cursorList: ' ',
rate: 40,
delay: 4000
}).trigger('play');
$('.next').live('click', function(){
$('#jticker').trigger({
type: 'play'
});
return false;
});
});
</script>