|
主题: 一个插件的使用(绝对是我一个字一个字翻译的)
|
 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在上个帖子中说 引用: 很好的文章!可以转载你这篇文章吗?
没问题 当然可以
|