文档章节

html实现滚动,但兼容不是很好(转载的)

如风般魅影
 如风般魅影
发布于 2014/03/19 16:57
字数 586
阅读 85
收藏 0

4.3.1 设置文字滚动 HTML技术中使文字滚动的方法是使用双标签

。在HTML代码中可使其作用区文字滚动,默认为从右到左,循环滚动。在D:\web\目录下创建网页文件,命名为mar.htm,编写代码如代码4.15所示。 代码4.15 文字滚动的设置:mar.htm 文字滚动示例(默认):做人要厚道在浏览器地址栏输入http://localhost/mar.htm,浏览效果如图4.15所示。 图4.15 设置文字滚动默认形式 从图4.15可得,在未设置宽度时,

标签是独占一行的。 4.3.2 设置文字滚动的方向

标签的direction属性用于设置内容滚动方向,属性值有left、right、up、down,分别代表向左、向右、向上、向下,例如以下代码:

做人要厚道做人要厚道做人要厚道做人要厚道

4.3.3 设置文字滚动的速度和形式 设置文字滚动使用

标签,其属性说明如下。 —

标签的scrollamount属性用于设置内容滚动速度。 —

标签的behavior 属性用于设置内容滚动方式,默认为scroll,即循环滚动,当其值为alternate时,内容将来回循环滚动。当其值为slide时,内容滚动一次即停止,不会循环。还有一个loop属性可设置其滚动循环次数,默认为没有限制。 —

标签的scrolldelay属性用于设置内容滚动的时间间隔。 —

标签的bgcolor属性用于设置内容滚动背景色(类似于body的背景色设置)。 —

标签的width 属性用于设置内容滚动背景宽度。 —

标签的height属性用于设置内容滚动背景高度。 修改mar.htm网页文件,编写代码如代码4.16所示。 代码4.16 文字滚动的设置:mar.htm 文字滚动示例(默认):做人要厚道文字滚动示例(向右):做人要厚道文字滚动示例(向下,滚动方式为slide,速度为10):做人要厚道文字滚动示例(默认方向,滚动方式为alternate,循环3次,速度为2):做人要厚道文字滚动示例(向上,背景色为#CCFF66,设置了背景宽度和高度):做人要厚道

© 著作权归作者所有

如风般魅影
粉丝 4
博文 31
码字总数 8323
作品 0
昌平
程序员
私信 提问
十条jQuery代码片段助力Web开发效率提升

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7...

数通畅联
2016/06/21
45
0
移动前端开发和 Web 前端开发的区别是什么?

1,普通pc端开发与移动端开发区别。 普通pc端开发,我理解就是你拿电脑打开的网页都算【这不是废话么】。 那么移动端前端开发工程师,说白了就很好理解了,做手机网页的前端开发工程师。 这么...

名字已被取
2016/02/27
374
0
前端系列——与众不同的移动端底部固定栏 fixed、absolute 兼容 iOS 和 Android 方案

相信我,我分享的和你在其他博客上看到的终极方案是如此的与众不同! 做过移动端开发的同学,对底部DOM定位出现的各种奇葩情况已经深恶痛绝了吧,底部DOM设置不同的position,在Android和ios...

大灰狼的小绵羊哥哥
2018/09/13
0
0
监听 scroll 使元素产生吸顶效果

一、判断滚动像素值 1.1 window.scrollY(别名:pageYOffset) 返回文档在垂直方向已滚动的像素值。为了跨浏览器兼容,请使用 代替 。 1.2 Element.scrollTop 获取或设置一个元素的内容垂直滚...

后除
2018/09/12
0
0
生成PDF的新选择-Phantomjs

最近在node.js项目开发中,遇见生成PDF的需求,当然生成PDF不是一个新意的需求;我可以选择利用开源的pdfkit或者其他node pdf模块,或者通过edge.js调用.net/python下的pdf库去做生成pdf。但...

zting科技
2017/01/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

可见性有序性,Happens-before来搞定

写在前面 上一篇文章并发 Bug 之源有三,请睁大眼睛看清它们 谈到了可见性/原子性/有序性三个问题,这些问题通常违背我们的直觉和思考模式,也就导致了很多并发 Bug 为了解决 CPU,内存,IO ...

tan日拱一兵
37分钟前
3
0
网络七层模型与TCP/UDP

为了使全球范围内不同的计算机厂家能够相互之间能够比较协调的进行通信,这个时候就有必要建立一种全球范围内的通用协议,以规范各个厂家之间的通信接口,这就是网络七层模型的由来。本文首先...

爱宝贝丶
40分钟前
4
0
Jenkins World 贡献者峰会及专家答疑展位

本文首发于:Jenkins 中文社区 原文链接 作者:Marky Jackson 译者:shunw Jenkins World 贡献者峰会及专家答疑展位 本文为 Jenkins World 贡献者峰会活动期间的记录 Jenkins 15周岁啦!Jen...

Jenkins中文社区
58分钟前
10
0
杂谈:面向微服务的体系结构评审中需要问的三个问题

面向微服务的体系结构如今风靡全球。这是因为更快的部署节奏和更低的成本是面向微服务的体系结构的基本承诺。 然而,对于大多数试水的公司来说,开发活动更多的是将现有的单块应用程序转换为...

liululee
今天
8
0
OSChina 周二乱弹 —— 我等饭呢,你是不是来错食堂了?

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @ 自行车丢了:给主编推荐首歌 《クリスマスの夜》- 岡村孝子 手机党少年们想听歌,请使劲儿戳(这里) @烽火燎原 :国庆快来,我需要长假! ...

小小编辑
今天
1K
13

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部