网络编程
位置:首页>> 网络编程>> 网页设计>> DW实现滚动新闻

DW实现滚动新闻

作者:I服了YOU 来源:大网 发布时间:2007-12-03 11:35:00 

标签:滚动,dw,新闻

    可控制的滚动新闻不同于自动的滚动条,它是通过按钮控制移动的,当你把鼠标放在按钮上时,新闻内容就会向上或向下滚动。这种效果一直被很多网友所钟爱,目前网络中大多数的可控制新闻栏的制作都是通过Javascript脚本来实现的,其实,我们利用DW的层、时间线以及行为扩展功能就完全可以实现这类效果。需要说明的是,在制作之初,你必须确定已经下载使用了“时间线扩展插件”,它可以让我们实现层反向移动的效果。
  制作步骤:
  1. 首先我们需要搭建一个页面的框架,以用来圈定层所在的位置,这些都是通过表格的组织来完成的,这里不做详细介绍。组织好框架后,将光标置入表格中,选择“Insert-Layer”插入一个层,然后选定该层,在属性面板中指定其宽、高,最后在Clip中分别指定L、T、R、B四项的数值(需要了解的是:L代表层与页面左侧的距离,T代表层与页面顶部的距离,R代表层与页面右侧的距离,B代表层与页面底部的距离。)。由于我们将层嵌套在表格中时并未做任何移动,这就表示该层是绝对定位的,所以,L与T的值为0,R与B的值指定为层的宽、高。
  2. 将光标置入层1中,再次选择“Insert-layer”插入一个新层,即层2,这个层是层1的子层,它的宽度数值与层1相同,高度数值随意,可以即将插入的文本长度为依据。
  3. 在层2中输入需要的文字。
  4. 右键单击层2,在弹开的列表中选择“Add timeline”,这个层将被自动加入到时间线中,默认的帧数量为15帧。
  5.选定位于第15帧中的层2,在属性面板中改变T项目数值,这个数值可自定义,但多数情况下是以层的高度为依据的。也就是说层有多高,就在T项目中输入多大的负数数值,本例中层2高度为196,那么T项目的数值就是-196。
  注意:负值代表层向上移动,正值代表层向下移动。
  6. 选定代表向下移动的图片,首先在属性面板的Link项目中为它指定一个空连接,或者输入一个“#”号即可。然后打开Behaviors面板,按下“+”号,在行为列表中选择“Timeline-paly timeline”。这时DW会自动弹出一个名为“Play timeline”的对话框,在这里选择“Timeline1”。
  7. 这时返回到行为面板中,我们会看到有了一个动作项目,选中这个动作,中间会出现一个向下的三角形,点击它,在弹开的动作列表中选择“Onclick”。见图6。
  8. 选择代表向上滚动的图片,加入空连接后,在行为列表中为它指定Timeline选项中的Play timeline Reverse行为。同样的,按照第七步的方法,指定在这个图片上产生的鼠标动作为Onclick。这表示当我们点击这个图片时,时间线将反向移动。
  9. 全部都完成了!按下F12键看看这个效果吧!
  小提示:
  你或许很讨厌浏览器右侧的滚动条随着层的移动而上下滚动!现在告诉你一个解决的办法:切换到代码编辑状态,在标签中写入如下这段代码就可以了:style=〃overflow-Y:hidden〃,这段代码可以屏蔽掉Y轴滚轴条。屏蔽X轴滚轴条的方法一样,即是:style=〃overflow-X:hidden〃。但是,这只适用于页面高度为100%的页面,如果你的页面很长,就不需要用它了。

0
投稿

猜你喜欢

  • 凡搞WEB开发的人都离不开HTTP(超文本传输协议),而要了解HTTP,除了HTML本身以外,还有一部分不可忽视的就是HTTP消息头。做过S
  • 那么,现在如果给出一个权限编号,要去检索出用后这个权限的用户集合,就会需要在逗号分隔的多个权限编号中去匹配给出的这个权限编号。如果使用lik
  • 问题作为一个负责几个服务器的数据库管理员,我接到许多电话是关于磁盘空间的。我所做的第一件事是找到可以缩小的数据文件来释放一些磁盘上的空间。我
  • 这是 COMSHARP CMS 团队翻译的2009年海外Web设计风潮的第二部分,着重讲解了反 Box 式布局,单页布局,多栏布局,巨型插图
  • 基本上快被这个问题搞疯了,症状如下症状描述:在ie下(6或7,8没有试过)当出现中英文混排,都采用默认字体时,并使用 li 列表做float
  • 我们的每期话题,团队在内部都会通过邮件进行一番讨论,随着讨论的激烈,往往能碰撞出很多有意义的观点,因此,将讨论内容分享出来,有兴趣的朋友可以
  • 图片的间隙 (1)问:我有一张大图片,把它切割后在Dreamweaver中进行拼接,可是总是有间隙,不知为什么? 答:不知你是否把表格的边距
  • 问题:我想每日从数据库里导出一些数据,内容基本上都是一样的,只是时间不同,比如导出一张表wjzcreate table wjz(id int
  • 毫无疑问,这个世界设计无处不在,优美的设计会得到会心的微笑和由衷的赞赏。然而,想从事设计或在设计边缘的人们未必有机会学习专业的设计。实际上,
  • 第一步:建与mysql同构的oracle数据库实例,并更新数据。      1.期望将my
  • 今天冒出来一个想法,在仅知道数据库名的情况下,用asp得到数据库中的所有表名、所有表的字段名、以及所有字段中的内容。经过一段时间查询资料和修
  • 某人使用如下过滤代码,发现经常被黑:n=request.form("username") p=request.form(
  • 我认为在ASP中最好的办法是用编程实现定时刷新Cache,也就是说给Application中储存的设一个过期时间。当然,在ASP中Appli
  • 程序设计是困难的,其核心是管理的复杂性。计算机程序是人类做出的最复杂的东西。质量是不可靠的且隐蔽的。好的体系架构是必需给程序足够的结构使其健
  • 昨晚着手给个人博客增加网易微博的调用,在Opera下却出现了一个意想不到的问题。内容的展示,一开始是做成横向不间断滚动(现在已经改成纵向定时
  • hanxiaolian 为了躲避 lake2 ASP站长管理助手而写.. 一.绕过lake2 Asp木马扫描的小马 代码如下:<%&n
  • 如何制作一个小巧的购物车?主程序如下:cartkit.aspClass CartKitSub CreateCart()&
  • 以前经常吃公司旁边的食堂,人多,排队。夏天的时候,我们总要找一个靠窗口通风好的地方坐,没有空调只有风扇,风扇很多,开关都集中在一个地方,应该
  • 在web开发中经常遇到多关键词对对单个字段查询,我一般是通过动态数组来实现的。当然多个关键词的一般是用空格或,隔开,我这几假设多个关键词用空
  • 如何限制上传文件的大小?要限制上传大小,只需如下设置一个属性即可:      &
手机版 网络编程 asp之家 www.aspxhome.com