首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

批改一段jquery文字滚动代码,修改成类似于<marquee标签效果

2012-09-07 
修改一段jquery文字滚动代码,修改成类似于marquee标签效果HTML code!DOCTYPE html PUBLIC -//W3C//DTD

修改一段jquery文字滚动代码,修改成类似于<marquee标签效果

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Jquery上下滚动--单行 批量多行 文字图片翻屏 | 多行滚动</title><style type="text/css">*{margin:0;padding:0;}ul,li{list-style-type:none;}#scrollDiv{width:300px;height:100px;min-height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}#scrollDiv li{height:25px;padding-left:10px;}</style><script type="text/javascript" src="http://www.jsfoot.com/skin/js/jquery.js"></script><script type="text/javascript">//滚动插件(function($){    $.fn.extend({        Scroll:function(opt,callback){                //参数初始化                if(!opt) var opt={};                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), //每次滚动的行数,默认为一屏,即父容器高度                    speed=opt.speed?parseInt(opt.speed,10):500, //卷动速度,数值越大,速度越慢(毫秒)                    timer=opt.timer?parseInt(opt.timer,10):3000; //滚动的时间间隔(毫秒)                if(line==0) line=1;                var upHeight=0-line*lineH;                //滚动函数                scrollUp=function(){                        _this.animate({                                marginTop:upHeight                        },speed,function(){                                for(i=1;i<=line;i++){                                        _this.find("li:first").appendTo(_this);                                }                                _this.css({marginTop:0});                        });                }                //鼠标事件绑定                _this.hover(function(){                        clearInterval(timerID);                },function(){                        timerID=setInterval("scrollUp()",timer);                }).mouseout();        }           });})(jQuery);$(document).ready(function(){    $("#scrollDiv").Scroll({line:4,speed:500,timer:1000});});</script></head><body>    <div id="scrollDiv">        <ul>            <li>这是公告标题的第一行</li>            <li>这是公告标题的第二行</li>            <li>这是公告标题的第三行</li>            <li>这是公告标题的第四行</li>            <li>这是公告标题的第五行</li>            <li>这是公告标题的第六行</li>            <li>这是公告标题的第七行</li>            <li>这是公告标题的第八行</li>        </ul>    </div></body></html>



需求:修改上面jquery文字滚动代码,修改成类似于<marquee标签效果。求助。拜托各位同行啊。

[解决办法]
什么意思呢,这代码不是能实现滚动效果吗?
[解决办法]
这哪是修改啊,完全就是得重写了。推荐个现成的吧,功能很强大:
http://jscroller2.markusbordihn.de/

热点排行