博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
上下文字\图片滚动 无JS
阅读量:5223 次
发布时间:2019-06-14

本文共 1632 字,大约阅读时间需要 5 分钟。

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

代码如下

ExpandedBlockStart.gif
代码
 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 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。

  οnmοuseοver=this.stop() οnmοuseοut=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 的脚本中可用。
  此元素是块元素。

  此元素需要关闭标签。

                                            参考资料百度百科 

 

 

转载于:https://www.cnblogs.com/LeeYongze/archive/2010/07/02/1770020.html

你可能感兴趣的文章
Linux硬链接和软链接(符号链接)
查看>>
git stash
查看>>
Apache Common-IO 使用
查看>>
Java-第一课正则表达式
查看>>
深入剖析,什么是eval的直接调用.
查看>>
apidoc
查看>>
3月14日-15日学习总结
查看>>
关于 ++x 和 x++ 比较难的一个例子
查看>>
第三次作业 105032014021
查看>>
记录一些容易忘记的属性 -- UILabel
查看>>
android新手关于左右滑动的问题,布局把<android.support.v4.view.ViewPager/><ImageView/> 放在上面就不行了。...
查看>>
人脸识别FaceNet+TensorFlow
查看>>
STL之map UVa156
查看>>
从Angular.JS菜鸟到专家
查看>>
再谈Vmware NAT的配置和路由流程
查看>>
javaScript数组去重方法汇总
查看>>
评价意见整合
查看>>
MySQL表的四种分区类型
查看>>
C++变量的“总分性”(Mereology)
查看>>
应用软件学习心得之mapgis功能学习
查看>>