基于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 相关文章推荐
JQery 渐变图片导航效果代码 漂亮
Jan 01 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
May 28 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
深入探讨javascript中的数据类型
Mar 04 Javascript
javascript实现动态标签云
Oct 16 Javascript
jQuery中的ready函数与window.onload谁先执行
Jun 21 Javascript
JS生成不重复的随机数组的简单实例
Jul 10 Javascript
详解angular 中的自定义指令之详解API
Jun 20 Javascript
浅谈箭头函数写法在ReactJs中的使用
Aug 22 Javascript
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
微信小程序实现简单表格
Feb 14 Javascript
微信小程序实现日期格式化和倒计时
Nov 01 Javascript
基于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+MYSQL的文章管理系统(二)
2006/10/09 PHP
eWebEditor v3.8 商业完整版 (PHP)
2006/12/06 PHP
apache rewrite_module模块使用教程
2008/01/10 PHP
PHP实现异步调用方法研究与分享
2011/10/27 PHP
php中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
php生成html文件方法总结
2014/12/01 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
PHP7原生MySQL数据库操作实现代码
2020/07/03 PHP
使用jQuery模板来展现json数据的代码
2010/10/22 Javascript
js加强的经典分页实例
2013/03/15 Javascript
采用call方式实现js继承
2014/05/20 Javascript
Google官方支持的NodeJS访问API,提供后台登录授权
2014/07/29 NodeJs
干货分享:让你分分钟学会javascript闭包
2015/12/25 Javascript
微信小程序 框架详解及实例应用
2016/09/26 Javascript
JavaScript截屏功能的实现代码
2017/07/28 Javascript
Node.js中的cluster模块深入解读
2018/06/11 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
微信小程序--特定区域滚动到顶部时固定的方法
2019/04/28 Javascript
JavaScript实现PC端横向轮播图
2020/02/07 Javascript
使用webpack搭建pixi.js开发环境
2020/02/12 Javascript
[23:21]Ti4 冒泡赛第二轮DK vs C9 2
2014/07/14 DOTA
Python基于贪心算法解决背包问题示例
2017/11/27 Python
Python元组知识点总结
2019/02/18 Python
pyqt5、qtdesigner安装和环境设置教程
2019/09/25 Python
HTML5 FileReader对象的具体使用方法
2020/05/22 HTML / CSS
工商管理系学生的自我评价分享
2013/11/29 职场文书
11月红领巾广播稿
2014/01/17 职场文书
社区护士演讲稿
2014/08/27 职场文书
新兵入伍心得体会
2014/09/04 职场文书
试用期转正员工自我评价
2014/09/18 职场文书
单位实习介绍信
2015/05/05 职场文书
民间借贷借条范本
2015/05/25 职场文书
交通安全温馨提示语
2015/07/14 职场文书
婚宴来宾致辞
2015/07/28 职场文书
解决Springboot PostMapping无法获取数据的问题
2022/05/06 Java/Android