网页代码学习:跑马灯效果
网页代码学习:跑马灯效果
操作方法
- 01
marquee。这是一个可以实现网站首页的命令,只有用这个命令就可以让多幅图片呈现出一些动态的展示效果。只有这个marquee就可以实现普通的卷动效果。
- 02
滑动。我们还有一种比较常见的图片运动形式就是滑动。这种从左向右的滑动效果。marquee behavior=slide 这就是一个简单的命令。通过这个简单的命令就可以把这种滑动的效果体现出来,可以图片自动的滑动,也可以增加一个左标或者右标来人为的进行滑动。
- 03
scroll。这是一个卷动的命令语言。这种卷动也可以通过命令的形式来实现,你的卷动的介质可以是文字,也可以是图片,还可以是其他的介质。marquee behavior=scroll。如果把这个scroll换作alternate,你还可以实现来回卷动的效果。
- 04
方向。direction=left/right/up/down。通过这个命令可以实现所有的方向效果,让各种动作的方向得到指定的形式。
- 05
循环。如果不想让这种效果一直进行下去,你可以指定一个循环次数的命令,这就是loop语句的应用,通过这个命令来让循环只进行有限的次数。
- 06
尺寸。在跑马灯效果里面是有尺寸的设定的,这个设定通过长与宽来进行设定。marquee width=数值 marquee height=数值,通过这两个命令来设定所有的尺寸。
- 07
鼠标效果。对于鼠标在指定介质上进行动作的时候,你也可以根据鼠标的不同动作来对效果作出一定的指令。onmouseover命令来实现的,一个就是start,一个就是stop。除此之外,你还有一个设定卷动延迟的scrolldelay命令。
- 08
其他效果。关于背景的色系也可以设定,这就是bgcolor命令,对于卷动的一个移动的长短也可以用scrollamount来实现。
赞 (0)