主题:  请问网站中如何制作从下向上滚动的文字???

jesron

职务:普通成员
等级:2
金币:1.0
发贴:393
注册:2001/1/27 0:06:31
#12001/3/5 8:48:32
请问网站中如何制作从下向上滚动的文字???DW3可以实现这种功能吗?可以给我一个具体实例吗?



isleky

职务:普通成员
等级:2
金币:10.0
发贴:785
注册:2000/10/14 13:53:56
#22001/3/5 8:56:29
记得很早以前有朋友问过,后来有不少人要这个效果的代码,因此抽空写了这篇教程,希望对大家有帮助。
——————————————————————————————————————————————— 用Dreamweaver制作滚动看板

以前的滚动看板都是用Java applet来实现的,但Java applet最大的缺点就是启动速度慢,后来有人用javascript实现了这个效果,现在有了Dreamweaver,即使不会编写javascript也可以依靠Dreamweaver的强大功能来实现,好了,不废话了,开始吧!
注意:本教程以下步骤都将以制作垂直滚动看板为准

要实现这个效果首先需要两个层:一个是父层,作为“遮罩层”,一个子层,用来放置滚动内容,并且子层要嵌套在父层之中。我们先来制作这两个层:
1、先创建一个层,此层作为子层,命名为layer2,在这一层中你可以任意放置你想要的内容,包括文本、图片、链接等等,但要注意一点,这个子层的宽度一定不能大于即将创建的父层的宽度(这时高度不受限制);当然如果你做的是水平滚动的看板,那就要保证子层的高度不可以大于父层的高度(此时宽度不受限制)。
2、在你需要的位置再创建一个符合你要求大小的层,这个层为父层,命名为layer1。

下面一步是要将子层嵌套到父层之中。
3、按F11打开层面板,按住Ctrl键不放,用鼠标左键将layer2拖到layer1上,松开鼠标左键再松开Ctrl键,OK!看见了吗?层面板上layer1旁边出现了一个小加(减)号,layer2已经嵌套在layer1里了。

下一步很关键,是将layer1变为“遮罩层”。
4、先选中layer1,按Ctrl+F3打开Properties面板,点击Properties面板右下角的小三角箭头,打开Properties的扩展面板,看见Clip这个属性了吗?这个属性是设定层的可见范围的。现在我们将L和T的值都设成0,R的值设成和layer1的宽度一样,B的值设成和layer1的高度一样,这样layer1的可见范围就和layer1本身一样大。遮罩层就做好了!

好了,该让layer2滚动起来了。
5、先选中layer2,右键单击layer2左上角的控制柄(那个小方框),在弹出的菜单中选择Add to Timeline,这时Timelines面板被打开,并且可以看到layer2被加入到Timeline1中。
6、先在Timelines面板中选中第一帧,然后再用layer2左上角的控制柄将layer2拖放到你打算开始播放的位置。接着再在Timelines面板中选中最后一帧,再将layer2拖放到你打算结束播放的位置。最后勾选上Timelines面板中的Autoplay选项(这样你的看板才能自动开始滚动)。当然如果你需要你的看板循环播放,还要勾选Loop这一项,否则将只播放一次。
注:你可以左右拖动Timeline1的最后一帧来控制合适的播放速度
7、保存,完成,在浏览器里打开看看效果吧!

怎么样,很简单吧?其实用上述方法再加以扩展可以做出很多不错的效果,大家自己揣摩去吧

此教程是由经典论坛 yooyoo所著



5D荣誉斑竹

职务:版主
等级:3
金币:10.0
发贴:383
注册:2004/6/10 10:21:38
#32001/3/5 16:27:50
要这么麻烦吗? 标签就可以做到这一点哩!其direction属性设置成UP或者down就行。
不过这需要编辑HTML源文件,有无DW插件还不知道。——好像以前有人说过有吧?



wuqiong

职务:普通成员
等级:1
金币:1.0
发贴:223
注册:2001/2/23 8:00:32
#42001/3/5 16:41:19
可以用javascript实现,如:

注:# text连接的网页

贴代码的时候记得用禁止笑脸转换,以方便别人查看,我帮你改过来了 :)

编辑历史:[这消息被bleak编辑过(编辑时间2001-03-05 22:10:10)]


isleky

职务:普通成员
等级:2
金币:10.0
发贴:785
注册:2000/10/14 13:53:56
#52001/3/5 22:08:34
marquee插件 jet.cnnf.net/read.php?recid=130

基本语法
...

文字移动属性的设置

方向

#=left, right 从右向左移!
方式

#=scroll, slide, alternate 一圈一圈绕着走!
只走一次就歇了!
来回走

循环
#=次数;若未指定则循环不止(infinite) 只走 3 趟


只走 3 趟
只走 3 趟!

速度

啦啦啦,我走得好快哟!

延时

啦啦啦,我走一步,停一停!

外观(Layout)设置

对齐方式(Align)

#=top, middle, bottom
啦啦啦,我会移动耶!


底色

#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 颜色!

面积

面积!

空白

(Margins)
面积!

<转>



jesron

职务:普通成员
等级:2
金币:1.0
发贴:393
注册:2001/1/27 0:06:31
#62001/3/6 5:56:14
谢谢各位的帮助.我已经知道如何做了.谢谢....



豆牙

职务:普通成员
等级:6
金币:18.8
发贴:3384
注册:2001/3/15 12:54:22
#72001/3/15 17:13:45
是否我用了加上不同参数如等等就可以实现滚动字条,而不需要用层(老实说真得很麻烦),就可以了呢?
是否要达到好的效果一定要用到JP语言?



凌风

职务:普通成员
等级:1
金币:0.0
发贴:84
注册:2001/2/2 10:36:23
#82001/3/15 19:19:29

SCROLLAMOUNT='*' 设置快慢 DIRECTION=‘*’设置方向



zhoujin

职务:普通成员
等级:1
金币:0.0
发贴:24
注册:2001/2/4 20:24:56
#92001/3/20 13:43:42
下载一个工具叫呼吸小秘书的就可以了。



garland_5d

职务:普通成员
等级:2
金币:1.0
发贴:238
注册:2001/3/22 10:28:56
#102001/3/26 0:57:39
最简单的方法是下载插件,或是用呼吸小秘书,
在其它的方法是加代码了,


I am a dreamer 欢迎访问[url=http://beatles.my163.com]beatles.my163.com[/url] [url=http://heavenxp.126.com]heavenxp.126.com[/url] 大力推荐[url=http://xili.my163.com]xili.my163.com[/url]

Poorfish_5d

职务:普通成员
等级:1
金币:0.0
发贴:50
注册:2001/2/2 20:33:36
#112001/3/26 4:52:13
实例:
 
            欢迎您访问中国最大
的LOGO站:
ONLY LOGO

目前已收集国内外精
彩 LOGO 3353个,并
在迅速扩充之中。

要得到最新更新信息
请订阅本站更新邮件
列表。

欢迎将您向本站推荐
LOGO,请暂时使用电
子邮件发送。

您有任何意见、建议
或者版权争议,请来
信联系。

站务信箱为:
onlylogo@china.com


[img]http://www.szdesign.org/work/haha.gif[/img]

舞桀

职务:普通成员
等级:2
金币:10.0
发贴:561
注册:2001/1/3 17:46:23
#122001/3/26 7:53:34
就用时间轴!
好掌握



地狱天使

职务:普通成员
等级:3
金币:10.0
发贴:1195
注册:2000/11/21 14:30:55
#132001/3/27 20:37:34
如果要找这样的动态效果,可以去无忧脚本
www.ie-zone.com
很多也很全



蓝刀

职务:普通成员
等级:1
金币:0.0
发贴:57
注册:2000/12/24 23:26:11
#142001/4/1 18:33:46
请问BLEAK,我照你的办法实现了点住一个鼠标移到一个图片上,层就滚动向上。
可是,请问有没有办法实现我将鼠标移到另一个图片上时,让该层向下滚动呢?
我想实现的效果在这里:http://www.lyinfo.ha.cn

在右边,请帮帮忙。



mandy_5d

职务:普通成员
等级:1
金币:0.0
发贴:36
注册:2000/10/22 1:04:33
#152001/4/1 23:43:58
可以的,你再试试吧!!能下上走没理由不能向下走的啊