我们在十多年的网站建设中,很多客户都需要网站有动态效果,其中最受欢迎的就是滚动效果,有做产品或者案例的客户他们通常喜欢让产品从左到右的滚动或者从下到上的滚动,那么在网站建设中这个效果是怎么实现的呢,都要用到哪些代码?下面就让上海网站建设公司-润壤网络为您做个详细的阐述,希望能为您有所帮助。
在网站建设中HTML代码是必不可少的,其中就有一个标签marquee,这个就是滚动代码标签,我们通常看到不管是从左到右还是从下到上效果都是通过它来实现的,它的书写方法如下。
<marquee direction="left">我是一滚动的文字噢……</marquee>
这段代码实现的功能是 文字将会从右到左滚动。当然还可以实现从左向右的滚动
<marquee direction="right">文字从右向左滚动……</marquee>
还可以做出将光标指向滚动文字时,它就停止,当光标离开,文字继续滚动的效果。
<marquee onmouseover=this.stop() onmouseout=this.start() direction="left">我是一滚动的文字噢……</marquee>
代码解释:onmouseover=this.stop() 停止 onmouseout=this.start() 启动
下面是marquee标签的属性
direction 表示滚动的方向,值可以是left,right,up,down,默认为left
behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
loop 表示循环的次数,值是正整数,默认为无限循环
scrollamount 表示运动速度,值是正整数,默认为6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
align 表示元素的水平对齐方式,值可以是left,center,right,默认为left
bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度