1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
| // JavaScript Document
| (function($){
| $.fn.myScroll = function(options){
| //默认配置
| var defaults = {
| speed:10, //滚动速度,值越大速度越慢
| rowHeight:24 //每行的高度
| };
|
| var opts = $.extend({}, defaults, options),intId = [];
|
| function marquee(obj, step){
|
| obj.find("ul").animate({
| marginTop: '-=1'
| },0,function(){
| var s = Math.abs(parseInt($(this).css("margin-top")));
| if(s >= step){
| $(this).find("li").slice(0, 1).appendTo($(this));
| $(this).css("margin-top", 0);
| }
| });
| }
|
| this.each(function(i){
| var sh = opts["rowHeight"],speed = opts["speed"],_this = $(this);
| intId[i] = setInterval(function(){
| if(_this.find("ul").height()<=_this.height()){
| clearInterval(intId[i]);
| }else{
| marquee(_this, sh);
| }
| }, speed);
|
| //_this.hover(function(){
| // clearInterval(intId[i]);
| //},function(){
| // intId[i] = setInterval(function(){
| // if(_this.find("ul").height()<=_this.height()){
| // clearInterval(intId[i]);
| // }else{
| // marquee(_this, sh);
| // }
| // }, speed);
| //});
|
| });
|
| }
|
| })(jQuery);
|
|
