<div class="scrollbox">
<div class="txt">
微信小程序端有关于一篇文章生成一张海报图片,用于用户保存之后分享,实际开发的过程中遇到的一些问题如下
</div>
</div>
</div>
</div>
<div class="jsset">
<pre>
$('.txt-scroll').txtscroll({ 'speed': 50 });
//说明:文本长度不够无滚动效果
</pre>
</div>
</li>
<li>
<h4>示例2 - 默认参数配置</h4>
<div class="demo-cont">
<div class="txt-scroll txt-scroll-default">
<div class="scrollbox">
<div class="txt">
微信小程序端有关于一篇文章生成一张海报图片,用于用户保存之后分享,实际开发的过程中遇到的一些问题如下.微信小程序端有关于一篇文章生成一张海报图片,用于用户保存之后分享,实际开发的过程中遇到的一些问题如下.微信小程序端有关于一篇文章生成一张海报图片,用于用户保存之后分享,实际开发的过程中遇到的一些问题如下
</div>
</div>
</div>
</div>
<div class="jsset">
<pre>
$('.txt-scroll').txtscroll({ 'speed': 50 });
</pre>
</div>
</li>
<li>
<h4>示例2 - 自定义参数配置</h4>
<div class="demo-cont">
<div class="txt-scroll txt-scroll-curs">
<div class="scrollbox">
<div class="txt">
微信小程序端有关于一篇文章生成一张海报图片,用于用户保存之后分享,实际开发的过程中遇到的一些问题如下.微信小程序端有关于一篇文章生成一张海报图片,用于用户保存之后分享,实际开发的过程中遇到的一些问题如下
</div>
</div>
</div>
</div>
<div class="jsset">
<pre>
$('.txt-scroll').txtscroll({ 'speed': 20 });
</pre>
</div>
</li>
</ul>
</div>
</div>
<script>
//默认案例
window.onload = function () {
$('.txt-scroll-default').txtscroll({
'speed': 50
});
};
//自定义参数案例
$('.txt-scroll-curs').txtscroll({
'speed': 10
});
</script>
</body>
</html>
2:关键的JS 文件
(function($){
$.fn.extend({
Scroll:function(opt,callback){
if(!opt) var opt={};
var _btnUp = $("#"+ opt.up);
var _btnDown = $("#"+ opt.down);
var timerID;
var _this=this.eq(0).find("ul:first");
var lineH=_this.find("li:first").height(), //获取行高
line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), //每次滚动的行数,默认为一屏,即父容器高度










