HTML滚动链接显示

来源：互联网发布：考研有多难放弃知乎编辑：程序博客网时间：2024/06/05 12:05

<!doctype html>
<html>
<head>

<style>
</style>
<script>
var kk=0;//字符游标
var vv;//作为setTimeout()的返回参数
var txt=" 中国地质大学，简称地大，是由中华人民共和国教育部直属，国土资源部共建的一所以地球系统科学为主体，应用科学、前沿科学，以及新兴交叉学科协调发展的全国重点大学。";//需要显示的字符
function run(){
var rgb=document.getElementById("rgb");
kk=kk+1;
if(kk>txt.length){//如果文字显示完了，再重头显示
kk=0;
}
rgb.innerHTML=txt.substring(kk,kk+20);//依次选取显示的文字的字符
vv=setTimeout("run()",200);//每200ms更新依次显示内容，假装是滚动效果
}
function stop(){
var rgb=document.getElementById("rgb");
clearTimeout(vv);//清除时间循环函数
rgb.innerHTML="中国地质大学简介";
kk=0;
}
</script>
<meta charset="UTF-8">
</head>
<body>
<a href="http://www.baidu.com" id="rgb" onmouseover="run()" onmouseout="stop()">中国地质大学简介</a>
</body>
</html>

阅读全文

0 0