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中的一些注意事项 更新中
Dec 06 Javascript
在JavaScript中处理数组之reverse()方法的使用
Jun 09 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
May 21 Javascript
Angular设置title信息解决SEO方面存在问题
Aug 19 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
Sep 06 Javascript
JQuery实现图片轮播效果
May 08 jQuery
详解vue-router和vue-cli以及组件之间的传值
Jul 04 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
Vue+ElementUI实现表单动态渲染、可视化配置的方法
Mar 07 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
vue+iview/elementUi实现城市多选
Mar 28 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 Javascript
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
中国广播史趣谈 — 几个历史第一次
2021/03/01 无线电
php中替换字符串函数strtr()和str_repalce()的用法与区别
2016/11/25 PHP
jQuery EasyUI API 中文文档 - Spinner微调器使用
2011/10/21 Javascript
js对象关系图 方便dom操作
2012/03/18 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
2013/01/23 Javascript
jQuery控制输入框只能输入数值的小例子
2013/03/20 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
2013/07/09 Javascript
js 判断文件类型并控制表单提交示例代码
2013/11/14 Javascript
Node.js连接MongoDB数据库产生的问题
2017/02/08 Javascript
原生js实现简单的Ripple按钮实例代码
2017/03/24 Javascript
Vue关于数据绑定出错解决办法
2017/05/15 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
vue 属性拦截实现双向绑定的实例代码
2018/10/24 Javascript
150行Node.js实现的dns代理工具
2019/08/02 Javascript
vue实现评论列表功能
2019/10/25 Javascript
JS实现商品橱窗特效
2020/01/09 Javascript
jQuery实现手风琴特效
2021/01/11 jQuery
用python + hadoop streaming 分布式编程(一) -- 原理介绍,样例程序与本地调试
2014/07/14 Python
python与C、C++混编的四种方式(小结)
2019/07/15 Python
Python 使用matplotlib模块模拟掷骰子
2019/08/08 Python
python打开使用的方法
2019/09/30 Python
使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能
2019/12/12 Python
Python selenium模拟手动操作实现无人值守刷积分功能
2020/05/13 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
Python接口自动化测试的实现
2020/08/28 Python
英国领先的奢侈品零售商之一:CRUISE
2016/12/02 全球购物
自荐信格式范文
2013/10/07 职场文书
青年文明号复核材料
2014/02/11 职场文书
党建工作目标管理责任书
2015/01/29 职场文书
预备党员入党感想
2015/08/10 职场文书
公司晚会主持词
2019/04/17 职场文书
祝福语集锦:送给闺蜜的生日祝福语
2019/10/08 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL
「魔导具师妲莉亚永不妥协~从今天开始的自由职人生活~」1、2卷发售宣传CM公开
2022/03/21 日漫
使用MybatisPlus打印sql语句
2022/04/22 SQL Server
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers