基于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实例教程(19) 使用HoTMetal(1)
Dec 23 Javascript
直接在JS里创建JSON数据然后遍历使用
Jul 25 Javascript
VS2008中使用JavaScript调用WebServices
Dec 18 Javascript
JavaScript动态加载样式表的方法
Mar 21 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
js数组依据下标删除元素
Apr 14 Javascript
jQuery实现图片文字淡入淡出效果
Dec 21 Javascript
JS实现复制功能
Mar 01 Javascript
JS实现按钮控制计时开始和停止功能
Jul 27 Javascript
微信运维交互机器人的示例代码
Nov 12 Javascript
vue实现计步器功能
Nov 01 Javascript
微信浏览器左上角返回按钮监听的实现
Mar 04 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
IIS7.X配置PHP运行环境小结
2011/06/09 PHP
PHP中绘制图像的一些函数总结
2014/11/19 PHP
Symfony2针对输入时间进行查询的方法分析
2017/06/28 PHP
修改发贴的编辑功能
2007/03/07 Javascript
让firefox支持IE的一些方法的javascript扩展函数代码
2010/01/02 Javascript
javascript中的对象创建 实例附注释
2011/02/08 Javascript
jquery使用$(element).is()来判断获取的tagName
2014/08/24 Javascript
Node.js实现批量去除BOM文件头
2014/12/20 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
浅谈javascript 归并方法
2015/01/21 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
angular.bind使用心得
2015/10/26 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
2016/12/03 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
用JS实现选项卡
2020/03/23 Javascript
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
Python中的闭包总结
2014/09/18 Python
Python实现基于权重的随机数2种方法
2015/04/28 Python
Python 实现简单的电话本功能
2015/08/09 Python
python编程开发之类型转换convert实例分析
2015/11/13 Python
python查看模块安装位置的方法
2018/10/16 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
Python自动化之UnitTest框架实战记录
2020/09/08 Python
英国专业美容产品在线:Mylee(从指甲到脱毛)
2020/07/06 全球购物
科室工作的个人自我评价
2013/10/30 职场文书
化工专业应届生求职信
2013/11/08 职场文书
文秘应聘自荐书范文
2014/02/18 职场文书
市场部业务员岗位职责
2014/04/02 职场文书
2014镇副书记群众路线专题民主生活会思想汇报
2014/09/23 职场文书
党的群众路线对照检查材料思想汇报(学校)
2014/10/04 职场文书
离婚协议书怎么写
2015/01/26 职场文书
教师调动申请报告
2015/05/18 职场文书
nginx proxy_cache 缓存配置详解
2021/03/31 Servers
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS