相关文章
北京网站设计网页中自动换行问题
北京网页设计Dreamweaver MX 2004 CSS滤镜介绍(1)
北京网站制作CSS滤镜:Mask属性
企通互联Dreamweaver如何制作浮动广告
北京网页设计Flash MX 2004 播放视频文件
北京网站建设FLASH MX 2004视频教程:运动(二)运动的企鹅
网站制作Flash视频教程:小薇
北京网站制作在 Dreamweaver 中指定哪里处理动态页
网站设计Dreamweaver的行为事件
网页设计怎么改善现有网站为xhtml+CSS结构
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 网页设计北京网站建设制作动态url按钮
网页设计北京网站建设制作动态url按钮
网页设计
其实要制作这样一个按钮不难,如果我们熟练掌握flash里action的If语句,要办到这一点也不难。下面的例子的思路是我们创建两个按钮,一个叫“url”,另一个叫“Reset”。我们通过给“url”添加一段action,让它来判断输入文本框的文本是否带有“http://”。如果有便按照所输入的地址在新建的窗口中打开目标地址;如果没有,便自动在文本框里所输入的地址前添加“http://”,然后在新建的浏览器窗口中打开目标地址。在名为“Reset”的按钮中添加一段action,以使我们在此按钮上双击时,系统自动清除文本框中的地址,以供我们重新输入地址。网页设计
网站制作
下面便一步步介绍如何制作这个特效:企通互联
企通互联
步骤一:创建电影和symbols网站设计
北京网站建设
网站制作要制作这个特效,我们必须创建一个新的电影。你可以在菜单栏里的“File”菜单里选择“New”(或是按快捷键ctrl+N),这样便新建了一个flash文件(默认尺寸是500*450)。在工具栏中点击文本工具(如图1)
,并在“Text Options”面板中选择“Dymamic Text网站制作 网页设计
(动态文本)”如图2。然后在舞台上添加一个文本,方法如下:将鼠标移至舞台,点击鼠标左键并将左键按住,然后拖动鼠标,此时随着你的拖拽,舞台上便出现一个方框,在你觉得它的大小合适时,松开鼠标,于是一个可活动的文本框便创建出来如图3网站制作 北京网站制作
网站设计

图3网站制作
网站设计
网页设计
将你刚刚创建的这个活动文本框选中,然后在“Text Options”面板中的“Variable”中填入“url”,点选“Border/Bg”前的框。如图4网站制作

图4北京网站建设
北京网页设计
企通互联
在Variable框中,为你这个文本框取一个Instance(实物)名,即“url”。注意,这一步对初学者很重要,因为flash的action是通过辨认Instance的名来识别物件的,而不是library(图库)里的symbols名,这两个名是不同一回事的。很多初学者就是把symbols名当作Instance名,从而导致action失效。好啦,我们就给这个文本框取一个Instance名“url”。网站制作
北京网页设计
步骤二:在这一个步骤里,我们再创建两个按钮,以为下面设置动作做好准备。
创建按钮方法如下:在菜单栏里的“Insert”按钮中点击“ www.qitongnet.comInsert”------>“Nne symbol”命令,弹出新symbol对话框,我们给这个symbol起个名“Go”然后在下面属性复选框中点选“botton”前面的复选项(表明这个所加进去的是个按钮),完成后点击“ 北京网页设计ok”。如图5
网站建设
图5
于是进入这个名为“Go”的按钮的编辑面板中,在“Up”桢中右击鼠标,并在弹出的快捷菜单中点击“Insert Key Frame”(插入一个关键桢)。再点击工具栏的文字工具,来到舞台上点击从而产生一个文本框,在此文本框里输入“Go”。当然,你还可以为此按钮设置一个触发范围,这里不作详述。这样便完成“Go”按钮的设置。下面再按照以上的方法再添加一个symbol名叫“Reset”的按钮(要注意的是这个按钮的symbol名和“Up”桢里都输入“Reset”)。完成这两个按钮的设置后,点击编辑场景(如图6)
网站建设
图6
回到此flash文件的主编辑舞台。在菜单栏里的“windows”中点击“library”(图库),打开这个flash文件的“library”。在这个library中,将“Go”和“Reset”按钮拖到舞台上的文本框的下面,方法是用鼠标点击并按住左键,拖动鼠标来到文本框下的适当位置,松开鼠标,此时那个按钮的一个Instance(分身)便定位于此。至此,按钮的放置便完成,下面给按钮添加action北京网站建设
网站制作
步骤三:添加action
右击击“Go”按钮,在弹出的菜单中选择“Actions”如图7
图7
并点击,于是弹出“Action”面板。我们在action面板中添加下面的action:
On (Release,key:<Enter>)
If(url ne " ")
If(Substring(url,1,7)NE"http://")
Get URL("http://"&url,window="_blank")
Else
Get URL(url,window="_blank")
End If
End If
End On北京网页设计
如图8
网站制作
下面我们一行行来分析这些action的功能以及这个思路。
最重要的是在第二行action语句里,“If”语句用“Substring 北京网站设计”功能来测试前7个字符中没有包含"http://"。这在这个action里是至关重要的。因为如果你在文本区输入的“url”中没有"http://"标记,那得给它加进一个,否则这个“url”便被当作是本地路径。
如果所输入得“url”中缺省了"http://",于是便用第四行中的“Get URL”action来给它添加。“Get URL”action的功能是在用户往“url”文本区输入的任何字符的前面添加"http://"字符,以使你所输入的“url”得以被浏览器辨认。比如,如果你往文本区中输入"www.5Dmedia.com",那么便会得到的URL代码将是"http://www.5Dmedia.com"。
特别注意的是:要确保URL框中的“Expression”按钮被选中,如果不选此项,浏览器便在Internet中尝试打开"http://" 网站建设和URL,而你所做的一切都将白费。
如果用户在文本区输入的URL中包含有"http://",第二行action中的If语句中的“Substring”功能便能检测到所输入的字符的前7个字符里包含有"http://"字符,这样便可免去又添加"http://"这一项,而是将这一地址直接地当作“url”。
同样,你也要万分注意要将url框中的“Expression”按钮选中,否则也会前功尽弃的。
在名为“Reset”的按钮上双击鼠标,并在弹出的Instance属性对话框中输入以下action:
On(Release)
Set Variable:“url”=" "
End On
这个action的功能就是,在你双击它的时候,将文本区中的字符清除掉,从而“重置”文本框,以供下一次输入url地址。
至此,这个特效边创制完毕,你就可以测试这个特效啦。在菜单栏里的“File”菜单里选择“Publish Preview”命令(或直接按快捷键F12),这样Flash便产生一个html文件,里面便有你所创建的Flash播放文件(SWF)。呵呵,你往文本框中输入一个URL地址,看看能不能打开相应的地址
上一篇:网站建设Flash加载外部文件 调用外部图片(加载到影片剪辑中)
下一篇:企通互联flash 基础鼠绘教程(简单工具的使用)