主题:  一个插件的使用(绝对是我一个字一个字翻译的)

wolfwind

职务:普通成员
等级:1
金币:0.0
发贴:15
注册:2001/10/14 14:29:46
#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层的右侧,配上向上向下箭头成为一个滚动条。这个就靠大家琢磨咯



wolfwind

职务:普通成员
等级:1
金币:0.0
发贴:15
注册:2001/10/14 14:29:46
#22001/10/17 12:27:26
插件名字叫做
studio pvIII



bihu

职务:普通成员
等级:1
金币:1.0
发贴:227
注册:2001/10/10 7:57:50
#32001/10/17 14:15:23
很好的文章!可以转载你这篇文章吗?



小小菜鸟

职务:普通成员
等级:1
金币:0.0
发贴:106
注册:2001/10/8 15:37:51
#42001/10/18 14:47:47
似乎和精彩~~~

但是我是菜鸟~~真的不懂~~~

哭~~~~~~~



wolfwind

职务:普通成员
等级:1
金币:0.0
发贴:15
注册:2001/10/14 14:29:46
#52001/10/20 14:27:38
bihu在上个帖子中说
引用:
很好的文章!可以转载你这篇文章吗?





没问题
当然可以