文字不间断滚动(上下左右)实例代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>连续向下滚动</title>
<style type="text/css">
<!--
body {
font-size: 9pt;
color: #000000;
}
a {
color: #0000FF;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<div id="marquees"> <a href="#">链接一</a><br>
<br>
<a href="#">链接二</a><br>
<br>
<a href="#">链接三</a><br>
<br>
<a href="#">链接四</a><br>
<br>
</div>
<script language="JavaScript">
marqueesHeight=200;
with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
preTop=0; currentTop=0;getlimit=0;stopscroll=false;
function init(){
templayer.innerHTML="";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML+=templayer.innerHTML;
setInterval("scrollDown()",10);
}init();
function scrollDown(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop-=1;
if(preTop==marquees.scrollTop){
if(!getlimit){
marquees.scrollTop=templayer.offsetHeight*2;
getlimit=marquees.scrollTop;
}
marquees.scrollTop=getlimit-templayer.offsetHeight+marqueesHeight;
marquees.scrollTop-=1;
}
}
</script>
</body>
</html>
- 文字不间断滚动(上下左右)实例代码
- jQuery实现公告文字左右滚动的实例代码
- jQuery实现公告文字左右滚动的实例代码
- jq 文字上下不间断滚动实例
- jQuery实现公告文字左右滚动的实例代码
- msclass实例 jquery 通用滚动特效,文字单行,多行停留滚动,图文上下左右滚动
- 图片连续滚动代码,左右连续,上下连续不间断滚动
- 上下左右无空隙不间断图片连续滚动代码
- js扩展滚动窗口小插件实现文字左右上下滚动效果实例
- 上下左右无空隙不间断图片连续滚动代码
- 无缝图片文字滚动代码(上下左右四个方向都可以)
- 上下左右无空隙不间断图片连续滚动代码
- jquery图片无缝滚动代码左右 上下无缝滚动图片
- 左右滚动公告代码和上下滚动公告代码
- javascript实现文字图片上下滚动的具体实例
- 网页中实现文字或图片向上不间断滚动的javascript代码
- jquery实现文字由下到上循环滚动的实例代码
- 文字不间断向左滚动的网页特效代码
- 向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- 文字上下左右滚动