#12001/10/16 23:05:50
用这个插件做滚动的文字,可以替代只有IE5.5才支持的有色滚动条问题。
前面在这个论坛里看到一个外国的DW插件,觉得不错,down下来根据那个网站的教程作了一个demo跟那个网站演示的一样。鉴于那个教程时E文,我试着翻译了一下,希望能对大家有些帮助,原教程有许多图片,鉴于不好连接,只把图片内容写出,不再给图片。
插件下载地址:http://www.projectseven.com前面有个帖子有详细连接
第一步:准备工作:
1:打开行为面板(这个大家都会吧!)showevent for必须设置浏览器支持4.0以上
2:会插入一个层。呵呵,大家都会,不过这个教程要求不要用鼠标画,直接让电脑插入,用工具栏insert->layer)
3:关于z-index的重要性:Z-INDEX描述了层的排列顺序,z-index值越高,这个层越在上面。设置是否正确关系到能否滚动。
4 由于浏览器的不同,可能出现在浏览器中内容与实际不符的情况。所以需要用css定义使之通用。我们的内容都是用td标记的,而td标记是可以
根据需要用css重新定义以满足需要的,
下面是一段定义td的例子:
第二步:创建一个容器层
在你的页面上插入一个新层 ,
打开属性面板设置层的属性
ID = container
Left (L)= 190px - Top (T)= 60px
Width (W)= 220px - Height (H)= 250px
Overflow= hidden
Z-Index= 3
Bg Color= Your choice here
Clipping: L= 0; T= 0; R= 220; B= 250
cliping是用来定义可视面积的(不太懂)
第三步:创建一个控制层
1:创建过程同上,参数设置为:
ID = controls
Left (L)= 190px - Top (T)= 325px
Width = 220px
把height值删掉不要
Z-Index = 4
3:在contols层插入一个三列一行的表格
w=200
h不要
cellpad=7
cellspace=0 align=centre
4:分别设置每一个小格
第一个写入文字“向上”并把link 里填上"javascript:"如法炮制第二,第三格“向下””头部“,每个小格均把文字居中。
第四步:建立一个内容(content)层
1:此层一定要建立在布局层内,建立方法:把鼠标放在布局层中,插入层
ID = content
Left= 10px - Top=5px
Width = 200px (Make Height Blank)
Z-Index = 1
其中z-index必须为比布局层值小的数字
2:在其中建立一个一行一列的表格
cellpad=0,cellspace=0
在表格中输入自己你想要写的内容:
第五步:把layer animagic加入到body标记中去
方法:选择dw左下方的body标记,通过behavior添加studio pv2方法
设置如下:
Layer Name = layer "content" in layer "container"
Left = 10 (相对布局层的大小)
Top = 5 (也是相对)
Frame Rate = 500 (High number to not show the user this positioning movement)
Delay = 30 (合理的延迟时间使有足够的时间执行一些javascript函数)
Targetting = Absolute
建议:最佳的滚动参数为FrameRate = 5
Delay =30
第六步:设置“向上”连接的行为:
1:选择“向上”在layer anmagic里设置当鼠标放到“向上”字上时的滚动特性:参数如下
Layer Name = layer "content" in layer "container"
Top Position = -590 这个数值要跟你在表格内的内容长短相对应,如果内容有很多行,则这个数值的绝对值要大一些。这个管垂直滚动。
Left Position = 10
这个意思跟上面差不多,只是这个管水平滚动
Frame Rate = 3
Delay = 30
Targetting = Absolute
同样方法设置鼠标离开时停止滚动,就是再设置一个行为,只是事件改为onmouseout,参数如下:
Layer Name = layer "content" in layer "container
Targetting = Stop Moving
其他的按默认即可
2:下面分别设置“向下””顶部“的特性,同上面方法。不同参数选项如下
向下:Layer Name = layer "content" in layer "container"
Left Position = 10
Top Position = 5
Frame Rate = 3
Delay = 30
Targetting = Absolute
鼠标离开时停止滚动参数如下:
Layer Name = layer "content" in layer "container"
Targetting = Stop Moving
顶部:Layer Name = layer "content" in layer "container"
Left Position = 10
Top Position = 5
Frame Rate = 12
Delay = 30
Targetting = Absolute
这个不要第二个鼠标事件
现在全部做完,测试即可,其中可以修改content层中表格的属性,使之有背景,边框。。等等,那个向上可以用图片插入,可以不用onmouseover,可以用onmousedown等等,完全自己设定咯
我也只是大概翻译了一些这个教程,没有什么创新,大家可以根据这个做法进行扩展,比如把有“向上”。。。。的层设在content层的右侧,配上向上向下箭头成为一个滚动条。这个就靠大家琢磨咯