javascript 向上滚动公告(原创)
<!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>
<title>无标题页</title>
</head>
<body>
<div style="width:400px;height:23px;overflow:hidden;background-color:red">
<div id="noticev2" style="white-space:nowrap;" onmouseover="javascript:isMove=false" onmouseout="javascript:isMove=true">
<a target="_blank" href="http://zhidao.baidu.com/question/42884976.html?fr=qrl">什么叫javascript</a><br>
<a target="_blank" href="http://zhidao.baidu.com/question/41573038.html?fr=qrl">JavaScript 对表单的验证问题</a><br>
<a target="_blank" href="http://zhidao.baidu.com/question/37308454.html?fr=qrl">
JavaScript中event对象是做什么用的?</a><br>
<a target="_blank" href="http://zhidao.baidu.com/question/35464099.html?fr=qrl">
看看我这段JAVASCRIPT哪出问题了,为什么运行不了呢</a><br>
<a target="_blank" href="http://zhidao.baidu.com/question/34079794.html?fr=qrl">
JS表单验证 如何限制用户密码只能输入小写字母下划线...</a>
</div>
</div>
<script>
var tID;
var tn;
var nStopTime=3000
var nSpeed=50
var isMove=true;
var nHeight=20;
var nS=0
var nNewsCount=0
function moveT(n)
{
clearTimeout(tID)
var noticev2= document.getElementById("noticev2")
if(n)
{
noticev2.style.lineHeight=nHeight+"px";
var theText=noticev2.innerHTML.toLowerCase();
nNewsCount=theText.split("<br>").length
noticev2.innerHTML+="<br>"+noticev2.innerHTML;
tn=nHeight;
}
nS=nSpeed;
if(isMove)
{
noticev2.style.marginTop=tn+"px";
if((tn-2)%nHeight==0)
{
nS=nSpeed+nStopTime;
}
tn--;
if(Math.abs(tn)==(nNewsCount*nHeight*2-nHeight))
tn=(nNewsCount-1)*nHeight*-1;
}
tID=setTimeout("moveT()",nS);
}
moveT(1);
</script>
</body>
</html>
大意如此,具体使用时需要注意行高与nHeight的关系!!!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· Open-Sora 2.0 重磅开源!