博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS实现文字无缝滚动
阅读量:3932 次
发布时间:2019-05-23

本文共 937 字,大约阅读时间需要 3 分钟。

今天学习了JS的一些位置属性,练习的时候写一个文字无缝滚动。(之前看书学习的时候也做过一个类似的案例:)

位置属性:

  • style.top:设置或返回定位元素的顶部位置
  • style.left:设置或返回定位元素的左边位置
  • offsetWidth:自己的的宽度,无单位。
    style.width只能得到行内样式设置的宽度
  • offsetHeight:自己的的高度
  • offsetTop:距离上一个盒子的顶部的距离
  • offsetLeft:距离上一个盒子的左边距离
  • scrollTop:滚动条顶部滚动的像素
  • scrollLeft:滚动条左边滚动的像素

代码:

    
Title
aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbbbb
bbbbbbbbbbbbbbbbbbb

只是简单的完成滚动,可自行增加鼠标事件。

转载地址:http://lvmgn.baihongyu.com/

你可能感兴趣的文章
TCP HTTP UDP 区别
查看>>
PHP单例模式
查看>>
PHP项目设计
查看>>
memcache的安装及管理
查看>>
递归列出所有目录和文件
查看>>
PHP发送邮箱类及应用
查看>>
PHP操作文件夹
查看>>
php 获取客户端所在城市地址
查看>>
ruby脚手架
查看>>
rubyonrails安装
查看>>
ruby 中 include 与 extend 区别
查看>>
几种常见Ruby on Rails内置方法介绍
查看>>
页面跳转实现方法总结
查看>>
Ruby on Rails注意事项讲解
查看>>
rails之常见的ruby内部变量
查看>>
ruby on Rails:动作视图纵览
查看>>
Ruby on Rails 控制器分组实现及命名规则
查看>>
rails 之自定义Helper模块
查看>>
ruby 数据类型
查看>>
render 与 redirect_to 的区别
查看>>