html标题跑马灯效果

html标题跑马灯效果

GIF.gif

不多说直接上代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>滚动的标题哦</title>
</script>
</head>
<body>
	<!--

        1、滚动方式:behavior
            scroll 循环滚动(默认)
            alternate 来回交替滚动
            slide  只滚动一次
        2、滚动方向:direction
            up、down、left(默认)、right
        3、滚动速度:scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)
        4、滚动延迟:scrolldelay(设置滚动的时间间隔,单位是毫秒)
        5、滚动循环:loop(默认值是-1,滚动会不断的循环下去)

        -->
	<div style="width: 200px;"><marquee behavior="alternate" direction="right" scrollamount="3"  scrolldelay="10"  loop="-1">文字滚动——1文字滚动——2文字滚动——3</marquee></div>
</body>
</html>

html标题跑马灯效果 解释写在注释中了 快试试吧

喜欢(0)

评论 抢沙发

表情