dreamweaver滚动字幕里面怎么弄这个滚动效果出来啊

来源：蜘蛛抓取(WebSpider) 时间：2017-11-16 13:46 标签： dreamweaver动态效果
Dreamweaver中插入滚动字幕的方法_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
Dreamweaver中插入滚动字幕的方法
&&Dreamweaver中插入滚动字幕的方法
阅读已结束，下载文档到电脑
想免费下载更多文档？
定制HR最喜欢的简历
下载文档到电脑，方便使用
还剩6页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
按住视频可进行拖动
&正在加载...
收藏成功，可进入
查看所有收藏列表
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
用爱奇艺APP或微信扫一扫，在手机上继续观看
当前播放时间：
一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端？
正在检测客户端...
您尚未安装客户端，正在为您下载...安装完成后点击按钮即可下载
， 可在设置中重新打开噢！
30秒后自动关闭
dw教程：javascript特效轮播图【上】 Dreamweaver教程">dw教程：javascript特效轮播图【上】 Dreamweaver教程
请选择打赏金额：
播放量12.7万
播放量数据：快去看看谁在和你一起看视频吧~
更多数据：
Copyright (C) 2017
All Rights Reserved
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
安装爱奇艺视频客户端，
马上开始为您下载本片
5秒后自动消失
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制dreamweaver里面怎么弄这个滚动效果出来啊_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
dreamweaver里面怎么弄这个滚动效果出来啊
我有更好的答案
overflow-x: body style=&body&之间插入代码： & / body& &lt只需在&lt
采纳率：62%
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包网易科技频道--DreamWeaver使用技巧之如何用DW制作滑动菜单
　你目前的位置是: --&
DreamWeaver使用技巧之如何用DW制作滑动菜单
日19:16:20
[]　[]　[]
[]　[]　[]
[]　[]　[]
[]　[]　[]
最近一小时热门文章
在牛筋大学软件部有一个关于层滑动的效果，好像Itnow上的广告也是采用的这样效果，不用的时候隐藏，用的时候点击一下按钮层就慢慢的滑动出来，即节省了有限的页面空间，还达到了令人羡慕的视觉效果，感觉起来还不错。这个效果大家可以点击这里察看。
言归正传，废话少说。准备工作如下：
1、在Dreamweaver中新建一个空白文档（或者打开你要添加效果的页面）。
2、设置好你自己的css风格。
3、在页面上插入一个长500pix的表格（这里说明：插入表格的目的是为了控制层在不同分辨率下保持相对的位置不变，如果你的页面之前没有做相关设置，那么这一步你可能要费点功夫整理一下你的页面结构）。
4、将光标置入表格内，点击菜单
[插入——层] 插入一个长500高20的图层，并命名为layer1。
5、然后再将光标置入图层layer1，点击菜单
[插入——层] 再插入一个长500高130的图层layer2；并将layer2的属性中左边距和上边距都设置为0，并为它指定一个你喜欢的背景色。
6、然后重复步骤5的方法，再插入一个图层layer3，这个图层没什么特殊的用处，在我的这个教程中，我只不过是为了放置几个按钮而已。最后如图1：
TIPS：这里这么做的目的是为了给你要滑动的图层前面加一个挡板，只有当点击的时候图层才从你的这个图层下缓缓的滑动出来。
现在开始，才正式进入到我们今天要制作的滑动菜单的制作过程中。
7、现在让我们再次重复上面的步骤5，再插入一个图层layer4，设置图层属性为宽500
、150高，刚好是刚才layer2和layer3的高度之和，并将图层layer4调整到另外两个图层下面。如图2：
8、然后我们点击图层layer2前面的眼睛让它闭合，这样可以让我们看到它下面的图层layer4。
9、这时，我们点击ALT
+ F9 打开时间轴面板，Dreamweaver已经为我们添加了默认的时间轴Timeline1，然后，我们选中我们要滑动的图层layer4，在上面点击右键，选择
[添加到时间轴]
这时我们可以在时间轴面板中看到我们刚刚制定的图层layer4，这说明，我们已经添加成功了！
10、然后我们点击时间轴上的第15桢，将图层layer4的属性面板中的上边距调整为150。到这里，一个能滑动的图层就算做好了，你可以拖动时间轴上面的红色方块慢慢从1走向15，你就可以看到你的这个图层慢慢的从layer2和layer3下面滑动出来！
好了，现在我们只需要给这个会滑动的图层layer4设置一个可以激活他的动作就算over了：）这之前，我已经在我添加的layer3上插入了一个表格，并为layer4设置了两个按钮。
11、我们先设置激活滑动图层的动作。选择上展开这个按钮，转到行为面板，点击在出来的菜单中选择
[时间轴——播放时间轴] Dreamweaver会弹出一个窗体，在上面的下拉菜单中选择timeline1。
12、然后在行为面板中确认事件为onclick。
好了，到这里，你可以预览一下，当你点击上展开按钮时，你的图层就会慢慢的从上而下滑动出来！
13、怎么样，看到了吧：）我们再给图层添加上一个简单的关闭动作，就是点击关闭按钮后图层隐藏。选择上关闭按钮，转到行为面板，点击在出来的菜单中选择
[显示隐藏层] ，在跳出的窗体中选择上layer4，然后点击下面的隐藏按钮，将其设置为隐藏，如图9：
好了，再预览一下，发现展开后点击关闭图层就没有了：）不过，似乎有一个问题，再次点击展开的时候，似乎没什么反应了，那是我们还有一个动作没有设置。
14、重复刚才的步骤5，选择上展开按钮，添加动作
[时间轴——转到时间轴桢]
，在跳出的窗体中的下拉菜单选择timeline1，桢数添上1。
好了，这次预览发现这个问题解决了。但是我们似乎还是忽略了一个问题，点击关闭后这个图层被设置为隐藏了，再点击展开也没反应了。还是运用老办法，给展开按钮添加一个动作就可以解决了！
15、重复步骤5，选择
[显示隐藏层] ，和刚才步骤6相反，这次我们选择显示，确定后，保证行为面板中显示隐藏图层的时间都是onclick。此刻展开按钮的行为面板如图11：
好，再次预览，一切正常！
至此，这个效果就算完成了，当然，大家完全可以自我发挥制作出更好的效果来，但是万变不离其宗，只要我们掌握好了时间轴配合动作行为的运用，所有的效果只是操作问题：）
『』『』『
热点关键词导航
　相关文章
　科技论坛
网易公司版权所有在dreamweaver中怎么插入滚动条_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
在dreamweaver中怎么插入滚动条
dreamweaver中可以使用&marquee&&/marquee&来实现文字或者图片的滚动效果比如：&marquee&direction=up&behavior=scroll&loop=3&scrollamount=1&scrolldelay=10&bgcolor=#ccffff&height=150&width=15%&hspace=20&vspace=10&onmouseover=this.stop()&onmouseout=this.start()&此处输入滚动内容&/marquee&direction&表示滚动的方向（默认为left）behavior&表示滚动的方式loop&决定滚动文字的滚动次数scrollamount&决定文字滚动的速度scrolldelay&决定文字滚动的延时bgcolor&文字滚动范围的背景颜色width和height&定滚动文字在页面中的矩形范围大小hspace和vspace&决定滚动矩形区域距周围的空白区域onmouseover=this.stop()&表示当鼠标移上区域的时候滚动停止onmouseout=this.start()&表示当鼠标移开的时候又继续滚动align&&水平对齐valign&垂直对齐方式behavior=&alternate&&来回滚动
采纳率：53%
来自团队：
iframe&auto& &&&#47&iframe scrolling=&quot
为您推荐：
其他类似问题
您可能关注的内容
滚动条的相关知识
换一换
回答问题，赢新手礼包

我要回帖

更多关于 dreamweaver动态效果 的文章

 

随机推荐