基于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 相关文章推荐
在chrome中window.onload事件的一些问题
Mar 01 Javascript
YUI Compressor压缩JavaScript原理及微优化
Jan 07 Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 Javascript
JS实现黑色大气的二级导航菜单效果
Sep 18 Javascript
JS实现图片上传预览功能
Nov 21 Javascript
学习使用Bootstrap栅格系统
May 11 Javascript
JavaScript学习笔记之函数记忆
Sep 06 Javascript
深入浅析javascript继承体系
Oct 23 Javascript
基于Vue实现拖拽功能
Jul 29 Javascript
Redux实现组合计数器的示例代码
Jul 04 Javascript
vue+iview实现分页及查询功能
Nov 17 Vue.js
浅谈Vue开发人员的7个最好的VSCode扩展
Jan 20 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
AJAX for PHP简单表数据查询实例
2007/01/02 PHP
PHP 异步执行方法,模拟多线程的应用分析
2013/06/03 PHP
php不使用copy()函数复制文件的方法
2015/03/13 PHP
WIFI万能钥匙密码查询接口实例
2015/09/28 PHP
深入理解 PHP7 中全新的 zval 容器和引用计数机制
2018/10/15 PHP
JavaScript中的私有成员
2006/09/18 Javascript
基于jquery的$.ajax async使用
2011/10/19 Javascript
JavaScript实现Iterator模式实例分析
2015/06/09 Javascript
基于javascript实现图片懒加载
2016/01/05 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
2016/10/21 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
AngularJS ui-router (嵌套路由)实例
2017/03/10 Javascript
BootStrap表单时间选择器详解
2017/05/09 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
2019/03/28 Javascript
Nodejs核心模块之net和http的使用详解
2019/04/02 NodeJs
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
基于Python实现的扫雷游戏实例代码
2014/08/01 Python
python opencv旋转图像(保持图像不被裁减)
2018/07/26 Python
python实现鸢尾花三种聚类算法(K-means,AGNES,DBScan)
2019/06/27 Python
python 解决cv2绘制中文乱码问题
2019/12/23 Python
jupyter修改文件名方式(TensorFlow)
2020/04/21 Python
python报错: 'list' object has no attribute 'shape'的解决
2020/07/15 Python
用canvas画心电图的示例代码
2018/09/10 HTML / CSS
瑞贝卡·明可弗包包官网:Rebecca Minkoff
2016/07/21 全球购物
美国领先的家居装饰和礼品商店:Kirkland’s
2017/01/30 全球购物
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
瑞典时尚耳机品牌:Urbanears
2017/07/26 全球购物
纽约州一群才华横溢的金匠制作而成:Hearth Jewelry
2019/03/22 全球购物
业务助理岗位职责
2013/11/18 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
2014年妇幼卫生工作总结
2014/12/09 职场文书
培训督导岗位职责
2015/04/10 职场文书
pytorch显存一直变大的解决方案
2021/04/08 Python
CSS实现章节添加自增序号的方法
2021/06/23 HTML / CSS
css3中transform属性实现的4种功能
2021/08/07 HTML / CSS
Linux中sftp常用命令整理
2022/06/28 Servers