分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码


Posted in Javascript onSeptember 21, 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<HTML xmlns="http://www.w3.org/1999/xhtml"> 
<HEAD> 
<TITLE>分别用marquee和div+js实现首尾相连循环滚动效果</TITLE> 
</HEAD> 
<BODY> 
用marquee实现首尾相连循环滚动效果(仅IE):<br /><br /> 
<MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100"><SPAN unselectable="on">这里是要滚动的内容</SPAN></MARQUEE> 
<br /><br />用DIV+javascript实现首尾相连循环滚动效果(兼容firefox):<br /><br /> 
<DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:500px;"><span>这里是要滚动的内容</span></DIV> 
<script language="javascript" type="text/javascript"> 
<!-- 
function scroll(obj) { 
var tmp = (obj.scrollLeft)++; 
//当滚动条到达右边顶端时 
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML; 
//当滚动条滚动了初始内容的宽度时滚动条回到最左端 
if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0; 
} 
setInterval("scroll(document.getElementById('scrollobj'))",20); 
//--> 
</script> 
</BODY> 
</HTML>
Javascript 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
基于JQuery的浮动DIV显示提示信息并自动隐藏
Feb 11 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
JavaScript数组常用方法
Mar 02 Javascript
jquery实现的用户注册表单提示操作效果代码分享
Aug 28 Javascript
Bootstarp基本模版学习教程
Feb 01 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
Sep 26 Javascript
AngularJS中的作用域实例分析
May 16 Javascript
JS实现移动端触屏拖拽功能
Jul 31 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
javascript canvas封装动态时钟
Sep 30 Javascript
解决vant的Toast组件时提示not defined的问题
Nov 11 Javascript
Dom操作之兼容技巧分享
Sep 20 #Javascript
js获取图片大小的函数代码
Sep 20 #Javascript
javascript中的注释使用与注意事项小结
Sep 20 #Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
Sep 20 #Javascript
JavaScript高级程序设计 学习笔记 js高级技巧
Sep 20 #Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 #Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 #Javascript
You might like
php中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
关于js与php互相传值的介绍
2013/06/25 PHP
PHP 输出URL的快捷方式示例代码
2013/09/22 PHP
php实现邮件发送并带有附件
2014/01/24 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
php使用数组填充下拉列表框的方法
2015/03/31 PHP
PHP 计算两个时间段之间交集的天数示例
2019/10/24 PHP
javascript 强制刷新页面的实现代码
2009/12/13 Javascript
js监听表单value的修改同步问题,跨浏览器支持
2009/12/31 Javascript
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
2011/06/20 Javascript
深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点
2012/01/15 Javascript
js实现类似新浪微博首页内容渐显效果的方法
2015/04/10 Javascript
Vue.js实战之组件之间的数据传递
2017/04/01 Javascript
给vue项目添加ESLint的详细步骤
2017/09/29 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
详解vue或uni-app的跨域问题解决方案
2020/02/21 Javascript
javascript实现贪吃蛇小练习
2020/07/05 Javascript
vue.js 解决v-model让select默认选中不生效的问题
2020/07/28 Javascript
python中反射用法实例
2015/03/27 Python
python获取mp3文件信息的方法
2015/06/15 Python
Python爬虫使用脚本登录Github并查看信息
2018/07/16 Python
利用pandas读取中文数据集的方法
2018/07/25 Python
Python将列表数据写入文件(txt, csv,excel)
2019/04/03 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
Spring @Enable模块驱动原理及使用实例
2020/06/23 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
美国宠物护理专家:Revival Animal Health
2020/01/05 全球购物
银行门卫岗位职责
2013/12/29 职场文书
实习单位接收函模板
2014/01/10 职场文书
金融行业职业生涯规划范文
2014/01/17 职场文书
《寓言两则》教学反思
2014/02/27 职场文书
村党支部公开承诺书
2014/05/29 职场文书
质量整改通知单
2015/04/21 职场文书
美容院管理规章制度
2015/08/05 职场文书
【DOTA2】当街暴打?PSG LGD vs VG - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA