基于JS实现导航条flash导航条


Posted in Javascript onJune 17, 2016

1.概述

在一些个性网站中,网站导航的首选就是flash导航条,flash导航条可以给浏览者带来更好的视觉效果,是网站个性的主要体现之一。

2.技术要点

主要应用Flash动作脚本中的Button类的release()方法实现。Release()方法在按下并释放鼠标左键时触发。

语法如下:

on(release)
{
//此处插入语句
}

3.具体实现

(1)在Macromedia Flash Professional 8中,新建一个Flash文档,在菜单中单击“插入”→“新建元件”命令,在弹出的“创建新元件”对话框中选择“按钮”单选按钮,单击“确定”按钮。

(2)在“弹起”的关键帧输入文本“首页”,选择“指针经过”帧,单击鼠标右键,在弹出的快捷菜单中选择“插入关键帧”命令,在“按下”帧插入一个动画元件,在“点击”帧中画出作用区域。

(3)返回场景,从库中将按元件拖入场景中适当的位置。

(4)选中按钮,打开“动作”面板,在代码区中输入如下代码:

on(release)
{
getURL(“index.jsp”);
}

(5)依次做出多个按钮,然后生成SWF文件。并在网页中插入刚刚生成的SWF文件,代码如下:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="767" height="80">
<param name="movie" value="navigation.swf" />
<param name="quality" value="high" />
<embed src="navigation.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="767" height="80"></embed>
</object>

以上所述是小编给大家介绍的基于JS实现导航条flash导航条 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Prototype Function对象 学习
Jul 12 Javascript
Javascript isArray 数组类型检测函数
Oct 08 Javascript
javascript OFFICE控件测试代码
Dec 08 Javascript
js图片跟随鼠标移动代码
Nov 26 Javascript
AngularJS ng-style中使用filter
Sep 21 Javascript
Vue.js组件tabs实现选项卡切换效果
Dec 01 Javascript
javascript 删除数组元素和清空数组的简单方法
Feb 24 Javascript
深入理解JavaScript继承的多种方式和优缺点
May 12 Javascript
详解Next.js页面渲染的优化方案
Jan 27 Javascript
JavaScript数组去重的几种方法
Apr 07 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
May 16 Javascript
jquery ajax 请求小技巧实例分析
Nov 11 jQuery
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 #Javascript
Javascript中的数组常用方法解析
Jun 17 #Javascript
iframe中使用jquery进行查找的方法【案例分析】
Jun 17 #Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 #Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 #Javascript
jQuery实现区域打印功能代码详解
Jun 17 #Javascript
javascript日期比较方法实例分析
Jun 17 #Javascript
You might like
《心理测量者3》剧场版动画预告
2020/03/02 日漫
Jquery插件之打造自定义的select标签
2011/11/30 Javascript
jQuery中创建实例与原型继承揭秘
2011/12/21 Javascript
javascript生成大小写字母
2015/07/03 Javascript
JavaScript实现标题栏文字轮播效果代码
2015/10/24 Javascript
深入探讨前端框架react
2015/12/09 Javascript
Node.JS循环删除非空文件夹及子目录下的所有文件
2018/03/12 Javascript
教你如何编写Vue.js的单元测试的方法
2018/10/17 Javascript
详解vue-router导航守卫
2019/01/19 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
微信小程序如何调用新闻接口实现列表循环
2019/07/02 Javascript
layer.open 获取不到表单信息的解决方法
2019/09/26 Javascript
vue-cli3.X快速创建项目的方法步骤
2019/11/14 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
2020/07/30 Javascript
微信小程序实现聊天室
2020/08/21 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
2020/11/04 Javascript
[01:00:14]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第三场
2018/04/10 DOTA
pyqt4教程之实现半透明的天气预报界面示例
2014/03/02 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
Python 加密的实例详解
2017/10/09 Python
python列表list保留顺序去重的实例
2018/12/14 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
Django关于admin的使用技巧和知识点
2020/02/10 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
找Python安装目录,设置环境路径以及在命令行运行python脚本实例
2020/03/09 Python
印尼最大的网上书店:Gramedia.com
2018/09/13 全球购物
几道数据库的面试题或笔试题
2014/05/31 面试题
工程技术员岗位职责
2014/03/02 职场文书
庆元旦活动总结
2014/07/09 职场文书
摄影专业毕业生求职信
2014/08/05 职场文书
优秀党员申报材料
2014/12/18 职场文书
五四青年节比赛演讲稿
2015/03/18 职场文书
企业党支部工作总结2015
2015/05/21 职场文书
中学音乐课教学反思
2016/02/18 职场文书
《司马光》教学反思
2016/02/22 职场文书
Nginx禁止ip访问或非法域名访问
2022/04/07 Servers