基于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 相关文章推荐
JavaScript表单常用验证集合
Jan 16 Javascript
javascript 强制刷新页面的实现代码
Dec 13 Javascript
ExtJs之带图片的下拉列表框插件
Mar 04 Javascript
js Event对象的5种坐标
Sep 12 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
Apr 03 Javascript
浅谈AngularJS中ng-class的使用方法
Nov 11 Javascript
基于JavaScript实现弹幕特效
Aug 27 Javascript
js实现导航跟随效果
Nov 17 Javascript
vue-cli3 从搭建到优化的详细步骤
Jan 20 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
Vue组件更新数据v-model不生效的解决
Apr 02 Vue.js
基于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
php中0,null,empty,空,false,字符串关系的详细介绍
2013/06/20 PHP
解析php取整的几种方式
2013/06/25 PHP
PHP中常用的输出函数总结
2014/09/22 PHP
php使用iconv中文截断问题的解决方法
2015/02/11 PHP
使用Appcan客户端自动更新PHP版本号(全)
2015/07/31 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
加载 Javascript 最佳实践
2011/10/30 Javascript
jQuery绑定事件-多种实现方式总结
2016/05/09 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
2016/11/30 Javascript
Angular工具方法学习
2016/12/26 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
JS FormData上传文件的设置方法
2017/07/05 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
2020/08/09 Javascript
Dropify.js图片宽高自适应的方法
2017/11/27 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
Python中的pprint折腾记
2015/01/21 Python
Python实现的科学计算器功能示例
2017/08/04 Python
python正则表达式及使用正则表达式的例子
2018/01/22 Python
Python制作exe文件简单流程
2019/01/24 Python
Python autoescape标签用法解析
2020/01/17 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
哪些是python中web开发框架
2020/06/17 Python
纯CSS3实现绘制各种图形实现代码详细整理
2012/12/26 HTML / CSS
GUESS Factory加拿大:牛仔裤、服装及配饰
2019/09/20 全球购物
澳大利亚宠物食品和用品商店:PETstock
2020/01/02 全球购物
自我评价范文点评
2013/12/04 职场文书
艺术设计专业求职自荐信
2014/05/19 职场文书
自强自立美德少年事迹材料
2014/08/16 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
毕业设计论文评语
2014/12/31 职场文书
警告通知
2015/04/25 职场文书
职工趣味运动会开幕词
2016/03/04 职场文书
MySQL数据库超时设置配置的方法实例
2021/10/15 MySQL
Java实现经典游戏泡泡堂的示例代码
2022/04/04 Java/Android