javascript实现文字图片上下滚动的具体实例


Posted in Javascript onJune 28, 2013
<div style="border:#d3d3d3 1px solid;width:100%;">
         <div id="demo" style="overflow:hidden;height:160;width:100%;">
          <div id="demo1">
           文章标题列表
          </div>
          <div id="demo2"></div>
         </div>
        </div>
        <script language="javascript">
         var speed=30
         demo2.innerHTML=demo1.innerHTML
         function Marquee(){
         if(demo2.offsetTop-demo.scrollTop<=0)
         demo.scrollTop-=demo1.offsetHeight
         else{
         demo.scrollTop++
         }
         }
         var MyMar=setInterval(Marquee,speed)
         demo.onmouseover=function() {clearInterval(MyMar)}
         demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
        </script>
Javascript 相关文章推荐
有道JavaScript监听浏览器的问题
Jun 23 Javascript
登陆成功后自动计算秒数执行跳转
Jan 23 Javascript
jQuery表格排序组件-tablesorter使用示例
May 26 Javascript
jquery实现Ctrl+Enter提交表单的方法
Jul 21 Javascript
基于JavaScript实现移动端TAB触屏切换效果
Oct 20 Javascript
聊一聊JS中this的指向问题
Jun 17 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
Sep 26 Javascript
node+experss实现爬取电影天堂爬虫
Nov 20 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
Jun 13 Javascript
详解VUE项目中安装和使用vant组件
Apr 28 Javascript
微信分享invalid signature签名错误踩过的坑
Apr 11 Javascript
vue 根据选择的月份动态展示日期对应的星期几
Feb 06 Vue.js
JavaScript操纵窗口的方法小结
Jun 28 #Javascript
网站如何做到完全不需要jQuery也可以满足简单需求
Jun 27 #Javascript
js获取当前日期代码适用于网页头部
Jun 27 #Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
Jun 27 #Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
Jun 27 #Javascript
A标签触发onclick事件而不跳转的多种解决方法
Jun 27 #Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
Jun 27 #Javascript
You might like
VML绘图板②脚本--VMLgraph.js、XMLtool.js
2006/10/09 PHP
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
php设计模式 Bridge (桥接模式)
2011/06/26 PHP
php实现文件编码批量转换
2014/03/10 PHP
在win7中搭建Linux+PHP 开发环境
2014/10/08 PHP
PHP正则匹配反斜杠'\'和美元'$'的方法
2017/02/08 PHP
使用Entrust扩展包在laravel 中实现RBAC的功能
2020/03/16 PHP
浅析tr的隐藏和显示问题
2014/03/05 Javascript
node.js Web应用框架Express入门指南
2014/05/28 Javascript
node.js中的fs.chown方法使用说明
2014/12/16 Javascript
jquery中show()、hide()和toggle()用法实例
2015/01/15 Javascript
Jquery promise实现一张一张加载图片
2015/11/13 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
2017/01/24 Javascript
js解决软键盘遮挡输入框的问题分享
2017/12/19 Javascript
JavaScript实现短暂提示框功能
2018/04/04 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
python Matplotlib画图之调整字体大小的示例
2017/11/20 Python
Python 实现网页自动截图的示例讲解
2018/05/17 Python
Python实现的特征提取操作示例
2018/12/03 Python
Django使用模板后无法找到静态资源文件问题解决
2019/07/19 Python
Python日志syslog使用原理详解
2020/02/18 Python
在keras 中获取张量 tensor 的维度大小实例
2020/06/10 Python
五分钟学会怎么用python做一个简单的贪吃蛇
2021/01/12 Python
Django中如何用xlwt生成表格的方法步骤
2021/01/31 Python
详解HTML5中表单验证的8种方法介绍
2016/12/19 HTML / CSS
标记环网Toke Ring IEEE802.5
2014/05/26 面试题
集团公司总经理岗位职责
2013/12/20 职场文书
《生命 生命》教学反思
2014/04/19 职场文书
区级文明单位申报材料
2014/05/15 职场文书
医德医风演讲稿
2014/05/20 职场文书
语文教育专业求职信
2014/06/28 职场文书
政工师工作总结2015
2015/05/26 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书
2019年员工晋升管理制度范本!
2019/07/08 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书