当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > html滚动延迟scrolldelay

html滚动延迟scrolldelay

2012/11/18 10:19:20作者:佚名来源:网络

移动端

【实例介绍】

html滚动延迟scrolldelay

可以使用scrolldelay设置滚动的时间间隔。

【基本语法】

<marquee scrolldelay="时间的间隔">···</marquee>

【语法介绍】

scrolldelay的时间间隔单位是毫秒。如果设置的时间比较长,会产生走走停停的效果。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <marquee  direction="up" scrollamount="5"scrolldelay="100"><p>碧玉妆成一树高</p> <p>万条垂下绿丝绦</p></marquee> <marquee direction="left" scrollamount="5"scrolldelay="200"><p>不知细叶谁裁出</p> <p>二月春风似剪刀</p></marquee> </body> </html>

【代码分析】

在代码中,加粗部分的标记是设置滚动的延迟时间,在浏览器中预览,上面的一段将延迟时间发置为100毫秒,下面的一段设置为200毫秒,效果如图所示。

滚动延迟scrolldelay运行效果

 【素材及源码下载】

请点击:html滚动延迟scrolldelay 下载本实例相关素材及源码

 

标签: 滚动