<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
Scroller=function(config,callback){
this.Obj=config.Obj;//滚屏对象
this.ul=this.Obj.eq(0).find("ul:first");
this.lineH=this.ul.find("li:first").height();
this.line=config.line?parseInt(config.line,10):parseInt(this.Obj.height()/this.lineH,10);//滚屏行数
this.speed=config.speed?parseInt(config.speed,10):500;//滚屏速度，越大越慢
this.timer=config.timer?parseInt(config.timer,10):3000;//滚屏间隔时间
this.timerID=null;
if(this.line==0) this.line=1;
this.upHeight=0-this.line*this.lineH;
this.scrollUp=function(){
this.ul.animate({
marginTop:this.upHeight
},this.speed,function(){
for(var j=1;j<=this.ScrollBox.line;j++){
$(this).find("li:first").appendTo($(this));
}
$(this).css({marginTop:0});
});
var SBox=this;
SBox.timerID=setTimeout(function(){
GobalScroll.apply(this,[SBox]);
},SBox.timer);
}
this.ul[0].ScrollBox=this;
this.stop=function(){
var ScrollBox=this.ScrollBox;
clearTimeout(ScrollBox.timerID);
}
this.scroll=function(){
var ScrollBox=this.ScrollBox;
ScrollBox.timerID=setTimeout(function(){
GobalScroll.apply(this,[ScrollBox]);
},ScrollBox.timer);
}
this.ul.hover(this.stop,this.scroll);
var ScrollBox1=this;
ScrollBox1.timerID=setTimeout(function(){
GobalScroll.apply(this,[ScrollBox1]);
},ScrollBox1.timer);
}
function GobalScroll(obj){
obj.scrollUp();
}
</script>
<style type="text/css">
ul,li{margin:0;padding:0}
#scrollDiv{{width:200px;height:100px;min-height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}
#scrollDiv li{height:20px;padding-left:10px;}
</style>
</head>
<body>
<p>多行滚动演示：</p>
<div id="scrollDiv">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
</ul>
</div>
<script type="text/javascript">
var news=new Scroller({line:4,speed:1000,timer:4000,Obj:$("#scrollDiv")});
</script>
</body>
</html>
分享到：
相关推荐
本例中提到的多行文字滚屏效果，使用了jQuery插件来实现。jQuery插件通常是为了解决特定问题而设计的一段代码，它可以扩展jQuery的功能。在这个例子中，插件应该是提供了一个封装好的滚动效果，允许开发者通过简单的...
- 例如：使用第三方库如jQuery UI中的Datepicker插件。 - **1.2 时间控件** - 实现方法： - 使用HTML5的`<input type="time">`元素。 - **1.3 万年历** - 实现方法： - 创建一个能够显示任意年份的日历控件。...
- 可以使用第三方库如 `jQuery UI Datepicker` 或者自定义实现一个日历插件。 - **1.2 时间控件** - 创建一个可以调整时间的界面组件。 - **1.3 万年历** - 提供一个覆盖多年的时间选择器。 - **1.4 显示动态显示...
少儿编程scratch项目源代码文件案例素材-绝地求生.zip
嵌入式八股文面试题库资料知识宝典-文思创新面试题2010-04-08.zip
一种基于剪切波和特征信息检测的太阳斑点图融合算法.pdf
内容概要：本文详细介绍了并联型有源电力滤波器（APF）在Matlab/Simulink环境下的仿真研究。主要内容涵盖三个关键技术点：一是dq与αβ坐标系下的谐波和无功检测，利用dq变换和FBD技术实现实时检测；二是两相旋转坐标系（dq）与两相静止坐标系（αβ）下的PI控制，通过调整比例和积分环节实现精准控制；三是SVPWM调制方式的应用，通过优化开关时序提升系统效率和性能。文中还提供了详细的仿真介绍文档，包括模型搭建、参数设定以及结果分析。 适合人群：从事电力电子、自动化控制领域的研究人员和技术人员，尤其是对电力滤波器仿真感兴趣的读者。 使用场景及目标：适用于需要深入了解并联型APF工作原理和实现方式的研究人员，旨在通过仿真工具掌握谐波和无功检测、PI控制及SVPWM调制的具体应用。 其他说明：本文不仅提供了理论知识，还结合了实际操作步骤，使读者能够通过仿真模型加深对APF的理解。
Arduino KEY实验例程，开发板：正点原子EPS32S3，本人主页有详细实验说明可供参考。
嵌入式八股文面试题库资料知识宝典-嵌入式C语言面试题汇总(66页带答案).zip
.archivetempdebug.zip
嵌入式系统开发_CH551单片机_USB_HID复合设备模拟_基于CH551单片机的USB键盘鼠标复合设备模拟器项目_用于通过CH551微控制器模拟USB键盘和鼠标输入设备_实现硬
少儿编程scratch项目源代码文件案例素材-剑客冲刺.zip
少儿编程scratch项目源代码文件案例素材-火影.zip
内容概要：本文详细介绍了两极式单相光伏并网系统的组成及其仿真优化方法。前级采用Boost电路结合扰动观察法(P&O)进行最大功率点跟踪(MPPT)，将光伏板输出电压提升至并网所需水平；后级利用全桥逆变加L型滤波以及电压外环电流内环控制，确保并网电流与电网电压同频同相，实现高效稳定的并网传输。文中还提供了具体的仿真技巧，如开关频率设置、L滤波参数计算和并网瞬间软启动等，最终实现了98.2%的系统效率和低于0.39%的总谐波失真率(THD)。 适合人群：从事光伏并网系统研究、设计和开发的技术人员，特别是对Boost电路、MPPT算法、逆变技术和双环控制系统感兴趣的工程师。 使用场景及目标：适用于希望深入了解两极式单相光伏并网系统的工作原理和技术细节的研究人员和工程师。目标是在实际项目中应用这些理论和技术，提高光伏并网系统的效率和稳定性。 其他说明：文中提供的仿真技巧和伪代码有助于读者更好地理解和实现相关算法，在实践中不断优化系统性能。同时，注意电网电压跌落时快速切换到孤岛模式的需求，确保系统的安全性和可靠性。
矢量边界，行政区域边界，精确到乡镇街道，可直接导入arcgis使用
嵌入式八股文面试题库资料知识宝典-嵌入式c面试.zip
嵌入式八股文面试题库资料知识宝典-I2C总线.zip
内容概要：本文详细介绍了三种注浆模型——随机裂隙网络注浆模型、基于两相达西定律的注浆模型、基于层流和水平集的注浆扩散模型。首先，随机裂隙网络注浆模型基于地质学原理，模拟裂隙网络发育的实际地质情况，在不同注浆压力下进行注浆作业，以增强地基稳定性和提高承载能力。其次，基于两相达西定律的注浆模型利用数学公式模拟裂隙网络中的流体输送过程，适用于裂隙网络地质条件下的注浆效果分析。最后，基于层流和水平集的注浆扩散模型通过引入层流特性和水平集方法，更准确地模拟注浆过程中的扩散过程。文中还讨论了不同注浆压力对注浆效果的影响，并提出了优化建议。 适合人群：从事岩土工程、地基加固等相关领域的工程师和技术人员。 使用场景及目标：①帮助工程师选择合适的注浆模型和注浆压力；②为实际工程项目提供理论支持和技术指导；③提升地基加固的效果和效率。 其他说明：文章强调了在实际应用中需要结合地质条件、裂隙网络特点等因素进行综合分析，以达到最佳注浆效果。同时，鼓励不断创新注浆工艺和方法，以满足日益增长的地基加固需求。
内容概要：本文详细比较了COMSOL Multiphysics软件5.5和6.0版本在模拟Ar棒板粗通道流注放电现象方面的异同。重点探讨了不同版本在处理电子密度、电子温度、电场强度以及三维视图等方面的优缺点。文中不仅介绍了各版本特有的操作方式和技术特点，还提供了具体的代码实例来展示如何进行精确的仿真设置。此外，文章还讨论了网格划分、三维数据提取和电场强度后处理等方面的技术难点及其解决方案。 适合人群：从事等离子体物理研究的专业人士，尤其是熟悉COMSOL Multiphysics软件并希望深入了解其最新特性的研究人员。 使用场景及目标：帮助用户选择合适的COMSOL版本进行高效、精确的等离子体仿真研究，特别是在处理复杂的Ar棒板粗通道流注放电现象时提供指导。 其他说明：文章强调了在实际应用中，选择COMSOL版本不仅要考虑便捷性和视觉效果，还需兼顾仿真精度和可控性。
嵌入式八股文面试题库资料知识宝典-C and C++ normal interview_8.doc.zip