基于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完美拖拽的实现方法
Sep 29 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
Jan 06 Javascript
使用jquery实现IE下按backspace相当于返回操作
Mar 18 Javascript
js动态添加表格数据使用insertRow和insertCell实现
May 22 Javascript
jQuery中Ajax的get、post等方法详解
Jan 20 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
Aug 12 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
Angular2平滑升级到Angular4的步骤详解
Mar 29 Javascript
详解使用JS如何制作简单的ASCII图与单极图
Mar 31 Javascript
小程序外卖订单界面的示例代码
Dec 30 Javascript
vue 在methods中调用mounted的实现操作
Aug 07 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 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判断一个gif图片是否为动态图片的方法
2014/11/19 PHP
解决php的“It is not safe to rely on the system’s timezone settings”问题
2015/10/08 PHP
js为数字添加逗号并格式化数字的代码
2013/08/23 Javascript
jQuery多项选项卡的实现思路附样式及代码
2014/06/03 Javascript
jquery+easeing实现仿flash的载入动画
2015/03/10 Javascript
js简单实现标签云效果实例
2015/08/06 Javascript
js实现C#的StringBuilder效果完整实例
2015/12/22 Javascript
基于Javascript实现返回顶部按钮
2016/02/29 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
2020/11/25 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
bootstrap datetimepicker日期插件使用方法
2017/01/13 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
angularjs实现上拉加载和下拉刷新数据功能
2017/06/12 Javascript
Node.js自定义实现文件路由功能
2017/09/22 Javascript
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
js里面的变量范围分享
2020/07/18 Javascript
Python使用turtule画五角星的方法
2015/07/09 Python
Django中如何防范CSRF跨站点请求伪造攻击的实现
2019/04/28 Python
python定时复制远程文件夹中所有文件
2019/04/30 Python
python 生成正态分布数据,并绘图和解析
2020/12/21 Python
Python页面加载的等待方式总结
2021/02/28 Python
通过css3动画和opacity透明度实现呼吸灯效果
2019/08/09 HTML / CSS
CSS3田字格列表的样式编写方法
2018/11/22 HTML / CSS
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
什么是TCP/IP
2014/07/27 面试题
几个Linux面试题笔试题
2016/08/01 面试题
人力资源行政经理自我评价
2013/10/23 职场文书
小车司机岗位职责
2013/11/25 职场文书
人力资源部培训专员岗位职责
2014/01/02 职场文书
新学期开学寄语
2014/01/18 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
小区文明倡议书
2014/05/16 职场文书
2014年大学班长工作总结
2014/11/14 职场文书
通知格式
2015/04/27 职场文书
详解TypeScript的基础类型
2022/02/18 Javascript