基于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 相关文章推荐
escape、encodeURI 和 encodeURIComponent 的区别
Mar 02 Javascript
使用jQuery简化Ajax开发 Ajax开发入门
Oct 14 Javascript
JavaScript组件焦点与页内锚点间传值的方法
Feb 02 Javascript
一张Web前端的思维导图分享
Jul 03 Javascript
AngularJS实现元素显示和隐藏的几个案例
Dec 09 Javascript
浅析AngularJS中的指令
Mar 20 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
Apr 28 Javascript
javascript三种代码注释方法
Jun 02 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 Javascript
原生和jQuery的ajax用法详解
Jan 23 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
js实现简单图片拖拽效果
Feb 22 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绘图中显示不出图片的原因及解决
2014/03/05 PHP
PHP开发的微信现金红包功能示例
2017/06/29 PHP
js实现的网站首页随机公告随机公告
2007/03/14 Javascript
jquery HotKeys轻松搞定键盘事件代码
2008/08/30 Javascript
关于IE7 IE8弹出窗口顶上
2008/12/22 Javascript
javascript文本框内输入文字倒计数的方法
2015/02/24 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
详解vue组件通信的三种方式
2017/06/30 Javascript
jquery.uploadView 实现图片预览上传功能
2017/08/10 jQuery
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
JS实现的JSON序列化操作简单示例
2018/07/02 Javascript
JS async 函数的含义和用法实例总结
2020/04/08 Javascript
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
Python实现端口复用实例代码
2014/07/03 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
Python处理文本换行符实例代码
2018/02/03 Python
Django项目基础配置和基本使用过程解析
2019/11/25 Python
利用CSS3实现毛玻璃效果示例源码
2016/09/25 HTML / CSS
Nike台湾官方商店:Nike.com (TW)
2017/08/16 全球购物
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
意大利香水和化妆品购物网站:Parfimo.it
2019/10/06 全球购物
介绍一下grep命令的使用
2015/06/12 面试题
String、StringBuffer、StringBuilder有区别
2015/09/18 面试题
外语系毕业生自荐信范文
2013/12/16 职场文书
美容院营销方案
2014/03/05 职场文书
商铺消防安全责任书
2014/07/29 职场文书
2014年最新学校运动会广播稿
2014/09/17 职场文书
2014年财政局工作总结
2014/12/09 职场文书
恋恋笔记本观后感
2015/06/16 职场文书
大学班干部竞选稿
2015/11/20 职场文书
大学军训通讯稿(2016最新版)
2015/12/21 职场文书
处世之道:关于真诚相待的名言推荐
2019/12/02 职场文书
Python基础详解之邮件处理
2021/04/28 Python
python编程实现清理微信重复缓存文件
2021/11/01 Python