- 浏览: 40409 次
- 性别:
- 来自: 上海
最新评论
此教程是webstudio的预计将在11月底出版的新书[1b]>[/1b]第八章最后一节中的内容,以此用作示范,使更多的flash网友了解这本书.webstudio专为此书开设了[1b]
[url=http://www.webstudio.com.cn/forum/forumdisplay.php?f=26]
在线问答
[/url]
[/1b]版块.同时也希望在此版块中倾听网友的建议和意见,以使我们可以做的更好.
Scrollbar即滚动条,对我们来说再熟悉不过了,从我们开始使用Windows操作系统那一天开始就已经知道滚动条了,它可以帮助我们在较小的区域内显示更多的内容,这也是它非常实用的主要原因。在我们创建Flash站点时,总会或多或少的用到它。下面将研究滚动条的应用。
[1b]1.文本滚动[/1b]
首先来看一个简单的文本滚动,最简单的滚动就是我们常见的上下箭头,它同样可以达到滚动的效果,如下图所示。
当然你可以任意对它的位置进行变换,它的应用是比较简单的,只是TextField.scroll方法的应用而已。
范例11
[1b]
[url=/Files/BeyondPic/2006-11/16/scroll_external_text.swf]
演示文件
[/url]
[/1b]
范例11源文件
booksource/第8章/scrollbar/scroll_external_text.fla
(1)重新创建好了一个FLA文档,将它存为scroll_external_text.fla。
(2)准备两个按钮,例如一个向上和一个向下的MovieClip,这里准备使用的是MovieClip,当然你可以使用按钮。将它们放在第一层上,摆好位置,并在属性面板上分别为其命名为down_btn和up_btn。
(3)选中场景中上的第1帧,按下F9键,打开ActionScript面板,在其中写入如下脚本。
[1b]代码:[/1b]
//载入外部文本
var my_lv = new LoadVars();
my_lv.onLoad = function(success){
if(success){
my_txt.text = this.mytext;
my_txt.setTextFormat(my_fmt);
}else{
trace("error load the external files");
}
}
my_lv.load("hello.txt");
//创建字体各式实例对象
var my_fmt = new TextFormat();
my_fmt.bullet = true;
my_fmt.bold = true;
my_fmt.color ="0x669933";
//创建动态文本并指定文本格式
this.createTextField("my_txt",this.getNextHighestDepth(),10,10,530,120);
my_txt.wordWrap = true;
my_txt.multiline = true;
my_txt.border = true;
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//滚动
//向上滚动
down_btn.onRelease = function(){
my_txt.scroll--;
}
//向下滚动
up_btn.onRelease = function(){
my_txt.scroll++;
}
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
前面的一大段代码都是介绍过的内容,最后一段是应用的滚动方式,如my_txt.scroll--和my_txt.scroll++,这两句中的scroll是TextField的滚动方法,至于++和--实际上相当于my_txt.scroll =my_txt.scroll+1和my_txt.scroll = my_txt.scroll-1。
(4)测试影片,点击按钮MovieClip,文本就可以上下滚动了。
(5)可能你还希望两个滚动按钮能够在被按下去不放时一直让内容不停地滚动,那么只要找一种方法让scroll不断地循环执行就可以了,首选当然是onEnterFrame。
只需要将滚动代码改写如下即可。
范例12
[1b]
[url=/Files/BeyondPic/2006-11/16/scroll_external001_text.swf]
演示文件
[/url]
[/1b]
范例12源文件
booksouce/第8章/scrollbar/ scroll_external001_text.fla
本文转自:http://www.5uflash.com/flashjiaocheng/Flashyingyongkaifa/396.html
发表评论
-
使用 Flash Remoting in Flash Forms 制作 Live Search
2010-04-10 10:01 579即时搜索效果察看 Live Search 的程式分成两部份 ... -
Remoting中接受query类型数据方法
2010-04-10 10:00 504var listInfo = new Array() fun ... -
Remoting中接受query类型数据方法
2010-04-10 10:00 497var listInfo = new Array() fun ... -
Flash remoting参数传递与调用补充
2010-04-10 10:00 551续flash remoting中参数传递与调用,补充其他数据类 ... -
Flash remoting参数传递与调用补充
2010-04-10 10:00 639续flash remoting中参数传递与调用,补充其他数据类 ... -
Flex2/AS3在Linux下的开发环境
2010-04-09 12:58 494这次修正了万恶的“Incorrect flash playe ... -
flash AS3的面向对象特点概述
2010-04-09 12:58 829本文是我(aw)在整理了相关文档和讨论之后,结合自己的亲自实 ... -
flash AS3的面向对象特点概述
2010-04-09 12:58 724本文是我(aw)在整理了相关文档和讨论之后,结合自己的亲自实 ... -
从AS1和AS2到AS3的观念转变
2010-04-09 12:57 642[1b]AS1/2-AS3观念的转变(Meet with n ... -
从AS1和AS2到AS3的观念转变
2010-04-09 12:57 546[1b]AS1/2-AS3观念的转变(Meet with n ... -
as3打造一个非常酷的莲花曲线效果
2010-04-09 10:04 692详细代码: var radius:int=100; va ... -
AS3.0 单一职责原则设计模式
2010-04-09 10:04 691呵呵,好久没写了。因为前段时间心情不是很好,并且各种事情比较多 ... -
AS3.0 单一职责原则设计模式
2010-04-09 10:04 675呵呵,好久没写了。因为前段时间心情不是很好,并且各种事情比较多 ... -
ActionScript 3 开发的需注意的方面
2010-04-09 10:03 544这些东东都不是很难,只是方法不常用或没注意到,以后还会陆续添加 ... -
ActionScript 3 开发的需注意的方面
2010-04-09 10:03 514这些东东都不是很难,只是方法不常用或没注意到,以后还会陆续添加 ... -
《银河动画》鼠绘教程 (1)
2010-04-08 10:22 665本教程是给对flash有基础了解的人看的(最起码你得知道fla ... -
《银河动画》鼠绘教程 (1)
2010-04-08 10:22 547本教程是给对flash有基础了解的人看的(最起码你得知道fla ... -
《银河动画》鼠绘教程 (2)
2010-04-08 10:21 532先画草图!! [url=http://space.flash8 ... -
《银河动画》鼠绘教程 (2)
2010-04-08 10:21 519先画草图!! [url=http://space.flash8 ... -
《银河动画》鼠绘教程 (3)
2010-04-08 10:21 563一般的简单动画都会吧?别告诉我你连物体移动都不会!! ...
相关推荐
纵向超酷滚动菜单超酷版纵向超酷滚动菜单超酷版
这是用js实现的在页面左侧实现纹理滚动条---
超酷带纹理网页滚动条效果 超酷带纹理网页滚动条效果 超酷带纹理网页滚动条效果 超酷带纹理网页滚动条效果 超酷带纹理网页滚动条效果 超酷带纹理网页滚动条效果
JS模仿滚动条,超酷,超炫,超简单,源码释放,容易学习,容易上手,值得收藏哦! JS模仿滚动条,超酷,超炫,超简单,源码释放,容易学习,容易上手,值得收藏哦!
超酷带纹理网页滚动条效果
超酷横向滚动带倒影的照片展示代码
WPF实现超酷样式按钮 WPF超酷样式按钮 WPF自定义按钮 WPF漂亮按钮 WPF按钮皮肤
jQuery UI 实现拖动滑块控制图片滚动(效果超酷) jQuery UI 实现拖动滑块控制图片滚动(效果超酷)
jQuery.dropdown.js插件实现超酷的自定义扇形排列下拉列表框动画特效源码.zip
下拉,黑色背景,彩字,看着不错,转自:lanrentuku.com
超酷横向滚动带倒影的照片展1超酷横向滚动带倒影的照片展1超酷横向滚动带倒影的照片展1超酷横向滚动带倒影的照片展1
prototype实现超酷进度条 prototype实现超酷进度条代码下载.zip
Parallax ImageScroll是一款效果非常炫酷的滚动背景图片视觉差特效jQuery插件。该背景图片视觉差插件使用css3 transform来制作动画效果,并在不支持CSS3属性的浏览器上提供回退方案。
这是一款基于Velocity.js和CSS3制作的效果非常炫酷的滚动页面特效。这个特效中有7种不同的页面滚动效果,分别是:缩放、旋转、画廊、跟随、透明度、固定位置和视觉差效果。
一组超酷的自定义网页表单元素(复选框单选框下拉列表)效果.zip 一组超酷的自定义网页表单元素(复选框单选框下拉列表)效果.zip 一组超酷的自定义网页表单元素(复选框单选框下拉列表)效果.zip
仿MAC苹果系统跟随滚动条飘浮网页下方的菜单,超酷,美观大方。
超酷横向滚动带倒影的照片展JS代码 超酷横向滚动带倒影的照片展JS代码
超酷横向滚动带倒影的照片展
这是一款超酷自定义鼠标样式特效。在在特效中,提供了5种效果非常炫酷的鼠标特效方案,它们通过css和js在不同的场景下,显示不同的鼠标样式。
vc++实现QQ超酷界面,绝对100%相似,100%好看: