当前位置：软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > html滚动方式behaVior

html滚动方式behaVior

2012/11/18 10:17:12作者：佚名来源：网络

移动端

【实例介绍】

滚动方式behaVior

除了可以设置滚动方向外，还可以通过behaVior属性来设置滚动方式，如循环运动等。

【基本语法】

<marquee behavior="滚动方式">···</marquee>

【语法介绍】

滚动方式behaVior的取值，如表所示。

滚动方式的设置
behavior的取值                滚动效果
scroll                         循环滚动，默认效果
slide                          只滚动一次就停止
alternate                   来回交替进行滚动

【实例代码】

<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="down" behavior="scroll">和风细雨下，万物开始复苏，
小草们破土而出，努力地探出了毛茸茸的脑袋，睡眼惺忪地打量着眼前这个全新
的世界。河堤边、广场里的垂柳们，也在光秃秃的枝桠上，吐出了点点新蕊，眼见
着那一点点新蕊，从圆圆的米粒样开始，一天天慢慢地变大，一天天慢慢地舒展开来，
一天天慢慢地由嫩绿色变成了浅绿色，再一天天慢慢地随风摇曳婀娜的身姿，也一
天天慢慢地带给我满心的欢喜。</marquee><br />
</body>
</html>

【代码分析】

在代码中，加粗部分的代码标记是设置滚动的方式，在浏览器中预览循环滚动效果，如图所示。

滚动方式behaVior运行效果

【素材及源码下载】

请点击：html滚动方式behaVior 下载本实例相关素材及源码

标签：滚动

上一篇：html滚动方向direction
下一篇：Flash制作简易皮影动画效果教程

相关文章

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

推荐教程

精品软件推荐

360安全卫士

讯飞输入法