最近闲的蛋疼，于是乎就做点立竿见影的事儿，欢迎拍砖，欢迎拍砖！
<html>
<head>
<title>Jquery实现无缝滚动</title>
<link type="text/css" rel="stylesheet" href="style.css"/>
<script language="javascript" src="jquery.js"></script>
<script language="javascript" src="script.js"></script>
</head>
<body>
<div>
<div class="main">
<div class="roll" id="roll">
<div class="caption"><a href="http://www.baidu.com/" target="_blank">aaaaaaaaaaaaa</a></div>
<div class="caption">bbbbbbbbbbbbb</div>
<div class="caption">ccccccccccccc</div>
<div class="caption">ddddddddddddd</div>
<div class="caption">eeeeeeeeeeeee</div>
<div class="caption">fffffffffffff</div>
<div class="caption">ggggggggggggg</div>
<div class="caption">hhhhhhhhhhhhh</div>
<div class="caption">iiiiiiiiiiiii</div>
<div class="caption">jjjjjjjjjjjjj</div>
<div class="caption">kkkkkkkkkkkkk</div>
<div class="caption">mmmmmmmmmmmmm</div>
<div class="caption">nnnnnnnnnnnnn</div>
</div>
</div>
</div>
</body>
</html>
*{
margin:0 0;
padding:0px;
}
.main{
width:200px;
height:200px;
overflow:hidden;
border:1px #666 solid;
}
.roll{
float:left;
top:0px;
}
.caption{
height:20px;
line-height:20px;
margin-left:20px;
}
$(document).ready(function(){
$("#roll").myRoll("slow");
});
/**
* @description 无缝滚动插件版
* @param speed:滚动速度控制参数，字符串类型参数字符串支持为slow，normal，fast三种
* 数字类型参数范围是：1 —— 100（数字越小滚动越快）
* @author lsunwing
* @date 2010/06/23
*/
$.fn.myRoll = function(speed){
//滚动窗口的高
var rollHeight = this.parent().height();
//滚动条目数组
var rollArray = this.find("div");
//滚动条目数组个数
var number = rollArray.size();
//滚动条目的高
var height = rollArray.eq(0).height();
var obj = this;
// 滚动速度控制
var range = 1; //滚动幅度
var interval = 10; //滚动时间间隔
if(speed){
if(typeof speed == "string"){
if(speed == "slow"){
interval = 100;
}else if(speed == "normal"){
interval = 50;
}else if (speed == "fast"){
interval = 10;
}else{
range = 1;
}
}else if(typeof speed == "number"){
if(Math.ceil(speed) >= speed && Math.ceil(speed) <=100){
interval = Math.ceil(speed);
}else{
interval = 100;
}
}else{
range = 1;
interval = 100;
}
}else{
range = 1;
interval = 100;
}
var top = 0;
var flag = 0;
//时间循环滚动
var timeId;
if(number > rollHeight/height){
//开始滚动
timeId = setInterval(startRoll,interval);
}else{
//内容高度小于滚动框的高度，不滚动
}
//鼠标动作
$(this).hover(
function(){
clearInterval(timeId);
},
function(){
timeId = setInterval(startRoll,interval);
}
);
//滚动次数
var c = Math.ceil(height/range);
function startRoll(){
flag++;
if(flag >= c){
rollArray.eq(0).remove();
obj.append($(rollArray).eq(0));
//重新获得一下数组
rollArray = obj.find("div");
top = top + height;
flag = 0;
}
top = top - range;
obj.css("margin-top",top);
}
}
分享到：
相关推荐
在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！
前端分析-2023071100789
基于kinect的3D人体建模C++完整代码.cpp
搞机工具箱10.1.0.7z
GRU+informer时间序列预测（Python完整源码和数据），python代码，pytorch架构,适合各种时间序列直接预测。 适合小白，注释清楚，都能看懂。功能如下： 代码基于数据集划分为训练集测试集。 1.多变量输入，单变量输出/可改多输出 2.多时间步预测，单时间步预测 3.评价指标：R方 RMSE MAE MAPE，对比图 4.数据从excel/csv文件中读取，直接替换即可。 5.结果保存到文本中，可以后续处理。 代码带数据，注释清晰，直接一键运行即可，适合新手小白。
在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！
基于ANSYS LSDyna的DEM-SPH-FEM耦合模拟滑坡入水动态行为研究,基于ANSYS LSDyna的DEM-SPH-FEM耦合的滑坡入水模拟分析研究,基于ansys lsdyna的滑坡入水模拟dem-sph-fem耦合 ,基于ANSYS LSDyna; 滑坡入水模拟; DEM-SPH-FEM 耦合,基于DEM-SPH-FEM耦合的ANSYS LSDyna滑坡入水模拟
auto_gptq-0.6.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl
复件 复件 建设工程可行性研究合同[示范文本].doc
13考试真题最近的t64.txt
好用我已经解决报错问题
# 踏入C语言的奇妙编程世界 在编程的广阔宇宙中，C语言宛如一颗璀璨恒星，以其独特魅力与强大功能，始终占据着不可替代的地位。无论你是编程小白，还是有一定基础想进一步提升的开发者，C语言都值得深入探索。 C语言的高效性与可移植性令人瞩目。它能直接操控硬件，执行速度快，是系统软件、嵌入式开发的首选。同时，代码可在不同操作系统和硬件平台间轻松移植，极大节省开发成本。 学习C语言，能让你深入理解计算机底层原理，培养逻辑思维和问题解决能力。掌握C语言后，再学习其他编程语言也会事半功倍。 现在，让我们一起开启C语言学习之旅。这里有丰富教程、实用案例、详细代码解析，助你逐步掌握C语言核心知识和编程技巧。别再犹豫，加入我们，在C语言的海洋中尽情遨游，挖掘无限可能，为未来的编程之路打下坚实基础！
auto_gptq-0.4.2-cp38-cp38-win_amd64.whl
自动立体库设计方案.pptx
# 踏入C语言的奇妙编程世界 在编程的广阔宇宙中，C语言宛如一颗璀璨恒星，以其独特魅力与强大功能，始终占据着不可替代的地位。无论你是编程小白，还是有一定基础想进一步提升的开发者，C语言都值得深入探索。 C语言的高效性与可移植性令人瞩目。它能直接操控硬件，执行速度快，是系统软件、嵌入式开发的首选。同时，代码可在不同操作系统和硬件平台间轻松移植，极大节省开发成本。 学习C语言，能让你深入理解计算机底层原理，培养逻辑思维和问题解决能力。掌握C语言后，再学习其他编程语言也会事半功倍。 现在，让我们一起开启C语言学习之旅。这里有丰富教程、实用案例、详细代码解析，助你逐步掌握C语言核心知识和编程技巧。别再犹豫，加入我们，在C语言的海洋中尽情遨游，挖掘无限可能，为未来的编程之路打下坚实基础！
在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！
在日常的工作和学习中，你是否常常为处理复杂的数据、生成高质量的文本或者进行精准的图像识别而烦恼？DeepSeek 或许就是你一直在寻找的解决方案！它以其高效、智能的特点，在各个行业都展现出了巨大的应用价值。然而，想要充分发挥 DeepSeek 的优势，掌握从入门到精通的知识和技能至关重要。本文将从实际应用的角度出发，为你详细介绍 DeepSeek 的基本原理、操作方法以及高级技巧。通过系统的学习，你将能够轻松地运用 DeepSeek 解决实际问题，提升工作效率和质量，让自己在职场和学术领域脱颖而出。现在，就让我们一起开启这场实用又高效的学习之旅吧！
# 踏入C语言的奇妙编程世界 在编程的广阔宇宙中，C语言宛如一颗璀璨恒星，以其独特魅力与强大功能，始终占据着不可替代的地位。无论你是编程小白，还是有一定基础想进一步提升的开发者，C语言都值得深入探索。 C语言的高效性与可移植性令人瞩目。它能直接操控硬件，执行速度快，是系统软件、嵌入式开发的首选。同时，代码可在不同操作系统和硬件平台间轻松移植，极大节省开发成本。 学习C语言，能让你深入理解计算机底层原理，培养逻辑思维和问题解决能力。掌握C语言后，再学习其他编程语言也会事半功倍。 现在，让我们一起开启C语言学习之旅。这里有丰富教程、实用案例、详细代码解析，助你逐步掌握C语言核心知识和编程技巧。别再犹豫，加入我们，在C语言的海洋中尽情遨游，挖掘无限可能，为未来的编程之路打下坚实基础！
用deepseek变现实操流程，小白必看。