黑客流动的文字特效(一串代码伪装黑客)

黑客流动的文字特效(一串代码伪装黑客)

黑帽SEOhacker2024-07-17 15:20:361224A+A-

  公告或者新闻动态文字时隔几秒向下翻滚效果在很多企业网站中能遇到,今天我们就来用多种做法实现该效果!

黑客流动的文字特效(一串代码伪装黑客)

  一、marquee 标签做法

  建立第一个滚动字幕。代码:

黑客流动的文字特效(一串代码伪装黑客)

  效果:

  字幕向右滚动,当鼠标移上去时候,字幕暂停移动,鼠标离开后,字幕继续往右的动作

  onMouseOut="this.start()";用来设置鼠标移除出区域时继续滚动;

  onMouseOver=“this.stop()”;用来设置鼠标移入该区域时停止滚动.

  scrollamount:表示速度,值越大速度越快,默认为6 建议1-3比较好

  width和height: 表示滚动区域的大小,一般在做垂直滚动的时候, 一定要设height的值。

  direction:表示滚动的方向,默认为向左。可选的值有 right(向右)、down(向下)、 up(向上)

  scrolldelay:也是用来控制速度的,默认为90 值越大速度越慢,通常不需要设置

  behavior:用来控制属性,默认为循环滚动,可选的值为 alternate(交替滚动)、slide(滚动一次,然后停止滚动)

  二、JS实现无缝滚动文字

  html:

  css:

  js:

点击这里复制本文地址 以上内容由黑资讯整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
  • 4条评论
  • 闹旅命轴2024-07-17 23:36:42
  • ;用来设置鼠标移入该区域时停止滚动.  scrollamount:表示速度,值越大速度越快,默认为6 建议1-3比较好  width和height: 表示滚动区域的大小,一般在做垂直滚动的时候, 一定
  • 野欢诤友2024-07-17 18:42:33
  • ate(交替滚动)、slide(滚动一次,然后停止滚动)  二、JS实现无缝滚动文字  html:  css:  js:
  • 弦久颜于2024-07-18 01:21:21
  •   二、JS实现无缝滚动文字  html:  css:  js:

支持Ctrl+Enter提交

黑资讯 © All Rights Reserved.  
Copyright Copyright 2015-2020 黑资讯
滇ICP备19002590号-1
Powered by 黑客资讯 Themes by 如有不合适之处联系我们
网站地图| 发展历程| 留言建议| 网站管理