123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- /**
- +-------------------------------------------------------------------
- * jQuery FontScroll - ���������Ϲ������ - http://java2.sinaapp.com
- +-------------------------------------------------------------------
- * @version 1.0.0 beta
- * @since 2014.06.12
- * @author kongzhim <kongzhim@163.com> <http://java2.sinaapp.com>
- * @github http://git.oschina.net/kzm/FontScroll
- +-------------------------------------------------------------------
- */
- /*(function($){
- $.fn.FontScroll = function(options){
- var d = {time: 2000,s: 'fontColor',num: 1};
- var o = $.extend(d,options);
-
- this.children('ul').addClass('line');
- var _con = $('.line').eq(0);
- var _conH = _con.height(); //�����ܸ߶�
- var _conChildH = _con.children().eq(0).height();//һ�ι����߶�
- var _temp = _conChildH; //��ʱ����
- var _time = d.time; //�������
- var _s = d.s; //�������
- _con.clone().insertAfter(_con);//��ʼ����¡
- //��ʽ����
- var num = d.num;
- var _p = this.find('li');
- var allNum = _p.length;
- _p.eq(num).addClass(_s);
- var timeID = setInterval(Up,_time);
- console.log(timeID);
- this.hover(function(){clearInterval(timeID)},function(){timeID = setInterval(Up,_time);});
- function Up(){
- _con.animate({marginTop: '-'+_conChildH});
- //��ʽ����
- _p.removeClass(_s);
- num += 1;
- _p.eq(num).addClass(_s);
-
- if(_conH == _conChildH){
- _con.animate({marginTop: '-'+_conChildH},"normal",over);
- } else {
- _conChildH += _temp;
- }
- }
- function over(){
- _con.attr("style",'margin-top:0');
- _conChildH = _temp;
- num = 1;
- _p.removeClass(_s);
- _p.eq(num).addClass(_s);
- }
- }
- })(jQuery);*/
- // JavaScript Document
- (function($){
- $.fn.myScroll = function(options){
- //默认配置
- var defaults = {
- speed:60, //滚动速度,值越大速度越慢
- 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);
|