怀山堂铁棍山药粉价格:marquee 用法详解
来源:百度文库 编辑:偶看新闻 时间:2024/04/29 19:00:14
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
方向
方式
循环
速度
延时
外观(Layout)设置
对齐方式(Align)
底色
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
面积
空白
(Margins)滚动marquee的详细用法解析
[ 2007-02-07 12:44:42 | 作者: Moocrun ]Font Size: Large | Medium | Small前阵子要做无间断滚动,找了很久终于找到了阿米的眼泪写的方法,经raidl完善后非常好用,不敢藏私,拿出来和大家分享一下。当时是另存的,忘了原来的网址是什么了。
下面介绍marquee 的终极用法。
先看下 marquee 的html 属性
align: 对齐方式 LEFT,CENTER,RIGHT,TOP,BOTTOM (不用多说了)
behavior: 用于设定滚动的方式,主要由三种方式:
behavior="scroll": 表示由一端滚动到另一端;
behavior="slide": 表示由一端快速滑动到另一端,且不再重复;
behavior="alternate" : 默认值——表示在两端之间来回滚动。
看下例子吧:
提示:您可以先修改部分代码再运行
direction: left(默认值) 左; right 右;up 上;down 下;
bgcolor: 背景颜色
height: 高度
weight: 宽度
Hspace/vspace: 分别用于设定滚动字幕的左右边框和上下边框的宽度。作用大概和css中的margin差不多
scrollamount: 用于设定每个连续滚动文本后面的间隔,该间隔用像素表示,以上是官方说法,其实就是滚动的速度,值不能太大,要不从视觉角度来说,是没反应的.值越大速度越快,反之越慢。
scrolldelay: 延迟时间
loop: 这个属性大家也很熟悉,循环次数;loop=-1的时候一直重复循环(默认值)
好,现在我们再来接触一些Dcode的一些知识。
首先是两个鼠标事件
onmouseover: 鼠标触发事件---当用户将鼠标指针移动到对象内时触发
onmouseout: 鼠标滑出事件---当用户将鼠标指针移出对象边界时触发
这里要用到的是 this.start() 与this.stop()
onmouseover="this.stop();" onmouseout="this.start
意思就是鼠标移到marquee的内容上的时候停止循环,鼠标移开marquee 又开始移动。
继续
innercode: 设置或获取位于对象起始和结束标签内的 code
innerText: 设置或获取位于对象起始和结束标签内的文本
scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。PS:大家不要想当然的以为有scrollRigh和scrollDown :)
scrollDelay: 设置或获取字幕滚动的速度,要创建垂直滚动的字幕,请将其 scrollLeft 属性设定为0,要创建水平滚动的字幕,请将其 scrollTop 属性设定为 0,这将覆盖任何脚本设置
scrollHeight: 获取对象的滚动高度
scrollAmount: 设置或获取介于每个字幕绘制序列之间的文本滚动像素数
offsetTop: 获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
offsetLeft: 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetHeight: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。
setInterval: 交互时间。它从载入后,每隔指定的时间就执行一次表达式
clearInterval: 使用 setInterval 方法取消先前开始的间隔事件。
好 现在我们先看一段简单程序
我向上运动
我向上运动
我向上运动
我向上运动
我向上运动
我是最后的
上面的就是不间断滚动了,翻译下这段代码
大家不理解的话再看这个例子
好的,接下来,同理可得
我向上运动
再同理
经过功能完善