一聚教程网：一个值得你收藏的教程网站

ps教程 | flash教程 | 路由器设置 | Jsp教程 | 加入收藏

首页 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

当前位置：一聚教程网 > 网页特效 > 页面特效

推荐专题

最新下载

1

细胞防线
大小：148.10 MB 类型： 休闲养成
2

第二学堂
大小：16.16 MB 类型： 学习理财
3

企管帮最新版
大小：139.30 MB 类型： 商务办公
4

阿里邮箱
大小：17.13 MB 类型： 网络通讯
5

心动开黑最新版
大小：142.94 MB 类型： 社交聊天
6

免费换图标
大小：22.76 MB 类型： 主题美化
7

吉祥管店最新版
大小：34.50 MB 类型： 商务办公
8

能学驾考
大小：24.40 MB 类型： 学习理财
9

小滴课堂最新版
大小：23.48 MB 类型： 学习理财
10

云行销最新版
大小：22.33 MB 类型： 商务办公

热门教程

1

解决IDEA springboot"spring-boot-maven-plugin"报红问题方法
时间：2021-04-16 类型： Java技巧及代码
2

悠悠驾车切换语言介绍
时间：2018-01-05 类型： 手机软件
3

《觅长生》丹方汇总
时间：2023-01-17 类型： 单机攻略
4

反差婊是什么梗反差婊是什么意思
时间：2020-04-27 类型： 互联网加
5

优莎娜保健品吃死人,优莎娜保健品吃死人是真的吗
时间：2016-10-18 类型： 互联网加
6

《漆黑的魅影5.0EX+BW》金手指代码汇总
时间：2023-03-18 类型： 单机攻略
7

顺丰快递如何修改订单顺丰快递修改订单方法
时间：2020-08-19 类型： 手机软件
8

苹果iOS系统怎么安装AVnight（爱威奶）软件
时间：2018-01-25 类型： 手机软件
9

《Milfy City淑女都市》1.0全角色通关攻略
时间：2023-10-10 类型： 手游攻略
10

八重头异闻奇谭真结局触发介绍
时间：2023-09-04 类型： 手游攻略

JavaScript新闻式滚动一行停留数秒后再滚动到下一行

时间：2015-06-26 编辑：简简单单来源：一聚教程网

提示：您可以先修改部分代码再运行

<!doctype html>
<html lang="zh">
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
<style>/*<![CDATA[*/
.nl {
    
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}
.nl div {
    font-size: 14px;
    
    line-
}
/*]]>*/</style>
</head>
<body>

<div id="n1" class="nl"><div>hello inner asp tpl 001</div>
<div>hello inner asp tpl 002</div>
<div>hello inner asp tpl 003</div></div>

<div id="n2" class="nl"><div>hello inner asp tpl 001</div><div>hello inner asp tpl 002</div></div>

<script type="text/javascript">/*<![CDATA[*/
vMarq=function(id,tag,heigh,speed,delay){
    var me=this;
    me.EL=document.getElementById(id);
    me.PA=0;
    me.TI=null;
    me.LH=heigh;
    me.SP=speed;
    me.DY=delay;
    me.exec=function(){
        if(me.PA)return;
        me.EL.scrollTop+=2;
        if(me.EL.scrollTop%me.LH<=1){
            clearInterval(me.TI);
            me.EL.appendChild(me.EL.getElementsByTagName(tag)[0]);
            me.EL.scrollTop=0;
            setTimeout(me.start,me.DY*1000);
        }
    };
    me.start=function(){
        if(me.EL.scrollHeight-me.EL.offsetHeight>=me.LH)me.TI=setInterval(me.exec,me.SP);
    };
    me.EL.onmouseover=function(){me.PA=1};
    me.EL.onmouseout=function(){me.PA=0};
    setTimeout(me.start,me.DY*1000);
};

new vMarq("n1","div",20,40,3);
new vMarq("n2","div",20,40,3);
/*]]>*/</script>

</body>
</html>

提示：您可以先修改部分代码再运行

上一个： jQuery实例select双向选择列表实例教程
下一个：纯css实现二级导航菜单效果

相关文章

热门栏目