|
☆教您把握移动标签的两个属性
移动标签<marquee>，是制作网页常用的一种标签，也是大家都喜爱的一种标签。它的特点是能够把静止的网页内容动起来。无论文字还是图片，无论动画还是边框，只要用移动标签控制它们，就会动起来。把移动标签与其它标签配合起来应用，就能够制作出各式各样的漂亮网页来。
移动标签<marquee>，有许多属性，常用的属性有：direction（移动方向）、scrollAmount（移动速度）、height（移动屏幕的高度）、 width（移动屏幕的宽度）、 behavior（移动方式）、scrollDelay（延时）等等。
移动标签，似乎人人会用。但是，其中的一些属性，就不一定人人皆知了。下面，我想探讨一下移动速度与移动的延时属性。
1、移动速度：scrollAmount
从百度中搜索可以知道，移动速度的取值为大于等于1的自然数。数值越大，移动速度越快，数值越小，移动速度越慢。移动速度的表达方式：scrollamount="？" （问号代表数字。）
2、移动的延时属性scrollDelay：从百度中搜索，对scrollDelay的注释为：是移动标签的移动延时属性。用于设定两次滚动操作之间的间隔时间，该时间以毫秒为单位。表示停顿时间，值是正整数，默认为0。
那么，移动速度的值，它的单位是什么呢？移动的延时属性，既然是指两次滚动操作之间的间隔时间，那么，移动屏幕中的内容（文字、图片等等），怎样才算移动一次呢？在百度中都搜索不到。
最近，我制作了几篇移动图片的文章，发现了一个问题。我把移动速度的值设置为4或者5，但是，观察到的效果，移动速度挺慢的，就像一辆老牛车在慢慢地行走。我把这个问题询问了小助手2，360图书馆中的技术人员的答复是：我把移动标签中延时属性scrollDelay的值设置得太大了。我试着把移动标签中延时属性scrollDelay的值修改了，再观察其显示效果，果不其然，图片的移动速度快起来了。于是，我才明白，移动速度的快慢，不单单取决于移动速度，也与移动的延时属性有关。
移动速度为什么与移动的延时属性有关呢？这就需要弄清楚：移动速度的值，它的单位是什么？移动屏幕中的内容（文字、图片等等），怎样才算移动一次？
于是，我又反复进行了多次的制作测试，终于弄明白了。原来移动速度的值，它的单位是px。把移动速度设置为：scrollamount="1"，移动屏幕中的图片向前移动1px；把移动速度设置为：scrollamount="10"，移动屏幕中的图片向前移动10px。
这个问题弄明白了，移动标签中延时属性的问题也就迎刃而解了。
原来我一直以为，移动标签的延时属性：两次滚动操作之间的间隔时间是指“移动屏幕中的内容从出现到消失，再到出现”的间隔时间，现在看来并不是这样的。举个例子吧。
例如：你所选择的图片的宽度为100px，移动屏幕的宽度设置为100px，移动方向设置为向左移动，移动速度设置为scrollamount="1"，那么，这个小图片从移动屏幕的右方出现，到移动屏幕的左方消失。这个过程中，小图片一共移动了200次。
如果你所选择的图片的宽度为100px，移动屏幕的宽度设置为100px，移动方向设置为向左移动，移动速度设置为scrollamount="10"，那么，这个小图片从移动屏幕的右方出现，到移动屏幕的左方消失。这个过程中，小图片一共移动了20次。
可想而知，如果你把“移动标签的延时属性scrollDelay”的值设置得很大的话，图片的移动速度怎样能快起来呢？
下面的这个移动图片，图片的宽度为100px，移动屏幕的宽度为100px，移动方向为向左（默认），移动速度为5，延时属性的值为1000。（为了观察方便，我把移动屏幕放在了一个边框中。）你可以观察一下其显示效果，小图片从出现到消失，是不是移动了40次。
说明：要想观察移动图片的移动次数，延时属性的值必须设置为500以上。延时属性的值设置的太小，不容易观察其效果。
延时属性中的“毫秒”是什么单位呢?毫秒是时间单位。它与秒的进率为：1秒＝1000毫秒。
明白了移动标签的这两个属性，你可以精确地把握移动速度，制作出多种特效的移动网页来。
例1：设置相同：
例2：延时值不同：
例3：速度值不同：
例4：速度值为300：
“春天没来”编撰
2014年3月1日于北京 | 
