首页  >  文章  >  web前端  >  marquee标签完成滚动效果的代码详解

marquee标签完成滚动效果的代码详解

巴扎黑
巴扎黑原创
2017-05-22 10:38:141649浏览

下面小编就为大家带来一篇HTML标签marquee实现滚动效果的简单方法(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦

页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b可以实现多种滚动效果,无需js控制。

使用marquee标记不仅可以移动文字,也可以移动图片,表格等.

语法:ed126914ed1419bab26abf7cf307b7b9...7204e33a7a23f6efcc788532e245c31b; 说明:在标记之间添加要进行滚动的内容。

重要属性:

1.滚动方向direction(包括4个值:up、 down、 left和 right)

  语法:c0e7d33224e465b832a3aee80cd38894...7204e33a7a23f6efcc788532e245c31b

2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)

  语法:80f97f4c34cab715953a698c8eb2f6b8...7204e33a7a23f6efcc788532e245c31b

3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)

  语法:0791007c7fe7543aa9bd679596437919...7204e33a7a23f6efcc788532e245c31b

4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)

  语法:302460fe1bea66d827f7e413232194db...7204e33a7a23f6efcc788532e245c31b

5.滚动循环loop(默认值是-1,滚动会不断的循环下去)

  语法:c6f02d4fc2ffac4edb9394b50041b30e...7204e33a7a23f6efcc788532e245c31b

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace

 代码示例:

XML/HTML Code复制内容到剪贴板

  1.   
      
      
      
    无标题文档  
      
      
      
    

  2. 指整个Marquee对齐方式; (2)behavior:设置滚动的方式: scroll:表示由一端滚动到另一端,会重复,缺陷是不能无缝滚动。 slide:表示由一段滚动到另一端,不会重复...   

  3. 0bb3f73a10fa6c0b580438dadc07dad6  

  4. a7447e9e15348813b597b50fafc8734e  

  5. 543bbf8df132b8523f8b8922e6d31dc6  

  6. a636d63b6cd3f30a8c35c662a6857fa6  

  7. 【相关推荐】

    1. html免费视频教程

    2. 教你怎么在nodejs下解析html

    3. 分享一个超全面的HTML、CSS知识点总结

    4. Html5 datalist标签详解以及与后台数据的动态匹配

    5. Html完成异步上传文件的Jquery代码实例

    以上是marquee标签完成滚动效果的代码详解的详细内容。更多信息请关注PHP中文网其他相关文章!

    声明:
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn