javascript 滚动+停留代码

HTML部分

<!--

ul{

}{height:230px;overflow:hidden}

-->

</style>

</ul>

Javascript代码部份

// JavaScript Document

function extractNodes(pNode)

{

if(pNode.nodeType == 3)return null;

var node,nodes = new Array();

for(var i=0;node= pNode.childNodes[i];i++)

{

if(node.nodeType == 1)nodes.push(node);

}

return nodes;

}

var objj=document.getElementById("rolltxt");

for(i=0;i<4;i++)

{

objj.appendChild(extractNodes(objj)[i].cloneNode(true));

}

settime=0;

var t=setInterval(rolltxt,10); //行动时间

function rolltxt()

{

if(objj.scrollTop % (objj.clientHeight+0) ==0)

{ // -0 高度

settime+=1;

if(settime==300)

{ //停留时间

objj.scrollTop+=1;

settime=0;

}

}else

{

objj.scrollTop+=1;

if(objj.scrollTop==(objj.scrollHeight-objj.clientHeight))

{

objj.scrollTop=0;

}

objj.onmouseover=function()

{clearInterval(t)}

objj.onmouseout=function()

{t=setInterval(rolltxt,10)} // 鼠标移动后行动时间

</script>

转载于:https://www.cnblogs.com/0754ydj/archive/2008/07/12/1241318.html

javascript 滚动+停留代码相关推荐

[导入]JavaScript 滚动特效代码
摘要: 注意:以下代码特效放到页面中时,如果html顶部加入了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ...
html自动滚动代码,html+css+javascript实现列表循环滚动示例代码
说明:设置时间定时,在规定的时间内替换前一个节点的内容 1.关键代码:javascript: 复制代码代码如下: var dome=document.getElementById("dome ...
Javascript设置滚动条向上滚动的方法；JS设置滚动条滚动的代码
很久就没有碰前端的后果就是,自己被公司叫来帮忙自己结果啥都会,但是就想不起怎么操作画布哆嗦咱们直接来看代码重点一:获取滚动条Y轴的数据这个方法有很多,我就不一一讲述了,毕竟结果都一样就好直接 ...
HTML滚动文字代码 marquee标签
HTML滚动文字代码marquee标签 <marquee style="WIDTH: 388px; HEIGHT: 200px"scrollamount="2 ...
企业建站代码--HTML滚动文字代码(垂直)
<marquee style="WIDTH: 388px; HEIGHT: 200px" scrollamount="2" direction=" ...
产品图片无缝水平滚动效果代码
产品图片无缝水平滚动效果代码: 在众多的网站都有这样的效果,那就是产品图片可以不间断的无缝滚动,效果挺美观的,也给静态的页面增加了几分动感,也便利了浏览者查看产品,算是比较好的效果吧,下面就介绍一下如 ...
13个JavaScript单行式代码
13个JavaScript单行式代码 1.随机获取布尔值(true/false) 此函数将使用Math.random()方法返回布尔值(真或假).Math.random将创建一个介于0和1之间的随机数 ...
php滚动公告源码,JavaScript_jquery垂直公告滚动实现代码，复制代码代码如下: !DOCTYPE - phpStudy...
jquery垂直公告滚动实现代码无标题文档 *{ padding:0px; margin:0px; } ul{ list-style:none; } li{ line-height:30px; } ...
在线代码编辑器 CodeMirror 配置说明 - javascript开发的代码语法高亮显示引擎
CodeMirror是一款在线的支持语法高亮的代码编辑器.官网: http://codemirror.net/ 下载后,解压开得到的文件夹中,lib下是放的是核心库和核心css,mode下放的是各种支 ...

javascript 滚动+停留代码

javascript 滚动+停留代码相关推荐

最新文章

热门文章

javascript 滚动+停留 代码

javascript 滚动+停留 代码相关推荐

最新文章

热门文章

javascript 滚动+停留代码

javascript 滚动+停留代码相关推荐