zoukankan      html  css  js  c++  java
  • 上下文字\图片滚动 无JS TC

    闲来无事,在网上找了点资料搞个上下文字或图片滚动,支持左右滚动。没有使用JS,网上JS的太多,大多数做的只是实现这个效果,如果真实用到项目就没有这么简单了,过两天研究下,现在把这个最简单的放上来,就是使用此marquee标签。

    代码如下

    代码
     1  <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="40"direction="up" align="center" valign="top" behavior="scroll">
     2             <table>
     3                 <tr>
     4                     <td>
     5                         NO1
     6                     </td>
     7                 </tr>
     8                 <tr>
     9                     <td>
    10                         NO2
    11                     </td>
    12                 </tr>
    13                 <tr>
    14                     <td>
    15                     </td>
    16                 </tr>
    17                 <tr>
    18                     <td>
    19                         NO3
    20                     </td>
    21                 </tr>
    22            </table>
    23 </marquee>

    以下是 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为标签内元素的高度
      hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。

      onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

    注释下

     MARQUEE 元素的默认宽度与其父元素的宽度相等。如果 MARQUEE 位于没有指定宽度的 TD 内,你就需要明确设置 MARQUEE 的宽度。如果 MARQUEE 和 TD 的宽度都没有指定,那么滚动字幕就将限定于 1 个像素宽。
      要创建垂直滚动的字幕,请将其 scrollLeft 属性设定为 0。要创建水平滚动的字幕,请将其 scrollTop 属性设定为 0,这将覆盖任何脚本设置。
      scrollLeft 和 scrollTop 属性当字幕滚动时为只读。当不处于滚动状态时,scrollLeft 对于设置为水平滚动的字幕来说为可读写,scrollTop 对于设置为垂直滚动的字幕来说为可读写。
      此元素在 Microsoft&reg; Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。
      此元素是块元素。

      此元素需要关闭标签。

                                                参考资料百度百科 


    作者:Mr S.R Lee
    出处:http://www.cnblogs.com/LeeYongze
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.

  • 相关阅读:
    HDU 5938 Four Operations 【贪心】(2016年中国大学生程序设计竞赛(杭州))
    HDU 5935 Car 【模拟】 (2016年中国大学生程序设计竞赛(杭州))
    HDU 5934 Bomb 【图论缩点】(2016年中国大学生程序设计竞赛(杭州))
    HDU 5933 ArcSoft's Office Rearrangement 【模拟】(2016年中国大学生程序设计竞赛(杭州))
    HDU 5929 Basic Data Structure 【模拟】 (2016CCPC东北地区大学生程序设计竞赛)
    【转】LaTeX 符号命令大全
    HDU 5922 Minimum’s Revenge 【模拟】 (2016CCPC东北地区大学生程序设计竞赛)
    HDU 5927 Auxiliary Set 【DFS+树】(2016CCPC东北地区大学生程序设计竞赛)
    数据结构之稀疏矩阵
    C++中引用(&)的用法和应用实例
  • 原文地址:https://www.cnblogs.com/LeeYongze/p/1770020.html
Copyright © 2011-2022 走看看