基于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 相关文章推荐
让广告代码不再影响你的网页加载速度
Jul 07 Javascript
入门基础学习 ExtJS笔记(一)
Nov 11 Javascript
javascript之typeof、instanceof操作符使用探讨
May 19 Javascript
Javascript拓展String方法小结
Jul 08 Javascript
js中switch case循环实例代码
Dec 30 Javascript
JavaScript ParseFloat()方法
Dec 18 Javascript
js自定义select下拉框美化特效
May 12 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
May 11 Javascript
理解 Node.js 事件驱动机制的原理
Aug 16 Javascript
Vue中正确使用jQuery的方法
Oct 30 jQuery
利用node实现一个批量重命名文件的函数
Dec 21 Javascript
layui table 列宽百分比显示的实现方法
Sep 28 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
Extended CHM PHP 语法手册之 DIY
2006/10/09 PHP
PHP无限分类的类
2007/01/02 PHP
PHP XML操作类DOMDocument
2009/12/16 PHP
PHP面向对象学习笔记之一 基础概念
2012/10/06 PHP
joomla jce editor 解决上传中文名文件失败问题
2013/06/09 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
php根据生日计算年龄的方法
2015/07/13 PHP
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
你未必知道的JavaScript和CSS交互的5种方法
2014/04/02 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
jQuery遍历json中多个map的方法
2015/02/12 Javascript
JavaScript采用递归算法计算阶乘实例
2015/08/04 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
在JavaScript中对HTML进行反转义详解
2016/05/18 Javascript
星期几的不同脚本写法(推荐)
2016/06/01 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
2017/03/09 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
2019/12/04 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
用Python的Tornado框架结合memcached页面改善博客性能
2015/04/24 Python
python下10个简单实例代码
2017/11/15 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
Python 实现两个列表里元素对应相乘的方法
2018/11/14 Python
python实现车牌识别的示例代码
2019/08/05 Python
Python实现在Windows平台修改文件属性
2020/03/05 Python
html5 Canvas画图教程(1)—画图的基本常识
2013/01/09 HTML / CSS
美国传奇滑手Paul Rodriguez创办的街头滑板品牌:Primitive Skateboarding
2019/10/29 全球购物
《掌声》教学反思
2014/02/23 职场文书
葬礼司仪主持词
2014/03/31 职场文书
艺术节主持词
2014/04/02 职场文书
2014年前台个人工作总结
2014/11/14 职场文书
2014幼儿园班主任工作总结
2014/12/04 职场文书
学校德育工作总结2015
2015/05/11 职场文书
python数字图像处理之图像自动阈值分割示例
2022/06/28 Python