简单的无缝滚动程序-仅几行代码


Posted in Javascript onMay 08, 2007

<ul id="ScrollBox" style="width:300px;height:80px;overflow:hidden;margin:0;padding:0;line-height:20px;font-size:12px;">
<li>1.你可曾有过无数的梦想,</li>
<li>2.却在时光的流逝里幻灭 </li>
<li>3.你可曾对未来期待憧憬,</li>
<li>4.却在成长的岁月中迷失</li>
<li>5.CSDN中国程序员论坛</li>
<li>6.大家一起来</li>
<li>7.好象都很不错的样子</li>
</ul>
<script type="text/javascript">
var t=setInterval(myfunc,1000);
var oBox=document.getElementById("ScrollBox");
function myfunc(){
var o=oBox.firstChild
oBox.removeChild(o)
oBox.appendChild(o)
}
oBox.onmouseover=function(){clearInterval(t)}
oBox.onmouseout=function(){t=setInterval(myfunc,1000)}
</script> 

getElementsByClassName 的DOM方法

Javascript 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
面向对象继承实例(a如何继承b问题)(自写)
Jul 01 Javascript
jquery $.fn $.fx是什么意思有什么用
Nov 04 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
May 26 Javascript
利用js+css+html实现固定table的列头不动
Dec 08 Javascript
Vue学习之路之登录注册实例代码
Jul 06 Javascript
web前端开发中常见的多列布局解决方案整理(一定要看)
Oct 15 Javascript
详解使用uni-app开发微信小程序之登录模块
May 09 Javascript
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
Jun 24 Javascript
JavaScript多线程的实现方法
May 08 #Javascript
(转载)JavaScript中匿名函数,函数直接量和闭包
May 08 #Javascript
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
May 08 #Javascript
延时重复执行函数 lLoopRun.js
May 08 #Javascript
用js判断浏览器是否是IE的比较好的办法
May 08 #Javascript
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 #Javascript
javascript之水平横向滚动歌词同步的应用
May 07 #Javascript
You might like
php中json_encode中文编码问题分析
2011/09/13 PHP
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
PHP包含文件函数include、include_once、require、require_once区别总结
2014/04/05 PHP
对PHP语言认识上需要避免的10大误区
2014/06/12 PHP
ThinkPHP框架任意代码执行漏洞的利用及其修复方法
2014/07/04 PHP
PHP动态规划解决0-1背包问题实例分析
2015/03/23 PHP
PHP中的类型约束介绍
2015/05/11 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
js option删除代码集合
2008/11/12 Javascript
JS声明变量背后的编译原理剖析
2012/12/28 Javascript
关于div自适应高度/左右高度自适应一致的js代码
2013/03/22 Javascript
javascript内存管理详细解析
2013/11/11 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
js获取和设置属性的方法
2014/02/20 Javascript
纯javascript移动优先的幻灯片效果
2015/11/02 Javascript
jQuery获取单击节点对象的方法
2016/06/02 Javascript
JQuery之proxy实现绑定代理方法
2016/08/01 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
2016/08/11 Javascript
Bootstrap实现导航栏的2种方式
2016/11/28 Javascript
微信小程序 chooseImage选择图片或者拍照
2017/04/07 Javascript
javascript 中事件冒泡和事件捕获机制的详解
2017/09/01 Javascript
JS原型继承四步曲及原型继承图一览
2017/11/28 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
通过实例简单了解Python中yield的作用
2019/12/11 Python
Python Dataframe常见索引方式详解
2020/05/27 Python
如何解决pycharm调试报错的问题
2020/08/06 Python
CSS3提交意见输入框样式代码
2014/10/30 HTML / CSS
阿里巴巴的Oracle DBA笔试题答案-SQL tuning类
2016/04/03 面试题
财务会计自荐信范文
2014/02/21 职场文书
学校教研活动总结
2014/07/02 职场文书
初中家长评语和期望
2014/12/26 职场文书
运动会通讯稿300字
2015/07/20 职场文书
python通过opencv调用摄像头操作实例分析
2021/06/07 Python
HTML中的表单元素介绍
2022/02/28 HTML / CSS
python自动获取微信公众号最新文章的实现代码
2022/07/15 Python