基于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数组操作总结和属性、方法介绍
Apr 05 Javascript
将字符串中由空格隔开的每个单词首字母大写
Apr 06 Javascript
jQuery制作简洁的图片轮播效果
Apr 03 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
Angular2 之 路由与导航详细介绍
May 26 Javascript
带你快速理解javascript中的事件模型
Aug 14 Javascript
JavaScript与Java正则表达式写法的区别介绍
Aug 15 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
Aug 28 Javascript
代码实例ajax实现点击加载更多数据图片
Oct 12 Javascript
详解小程序毫秒级倒计时(适用于拼团秒杀功能)
May 05 Javascript
基于vue-draggable 实现三级拖动排序效果
Jan 10 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
May 09 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实现把文本中的URL转换为链接的auolink()函数分享
2014/07/29 PHP
php制作文本式留言板
2015/03/18 PHP
PHP对象克隆clone用法示例
2016/09/28 PHP
原生JS实现Ajax通过GET方式与PHP进行交互操作示例
2018/05/12 PHP
php封装的pdo数据库操作工具类与用法示例
2019/05/08 PHP
Jquery 在页面加载后执行的几种方式
2014/03/14 Javascript
基于javascript的COOkie的操作实现只能点一次
2014/12/26 Javascript
JS实现让网页背景图片斜向移动的方法
2015/02/25 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
JavaScript交换两个变量值的七种解决方案
2016/12/01 Javascript
JS实现超简单的汉字转拼音功能示例
2016/12/22 Javascript
常用jQuery选择器汇总
2017/02/02 Javascript
vue实现点击当前标签高亮效果【推荐】
2018/06/22 Javascript
vue表单验证你真的会了吗?vue表单验证(form)validate
2019/04/07 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
2019/05/27 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
jQuery实现异步上传一个或多个文件
2020/08/17 jQuery
[07:20]2014DOTA2西雅图国际邀请赛 选手讲解积分赛第二天
2014/07/11 DOTA
Python压缩解压缩zip文件及破解zip文件密码的方法
2015/11/04 Python
简单总结Python中序列与字典的相同和不同之处
2016/01/19 Python
python安装教程 Pycharm安装详细教程
2017/05/02 Python
python如何创建TCP服务端和客户端
2018/08/26 Python
opencv实现图片模糊和锐化操作
2018/11/19 Python
python实现多进程通信实例分析
2019/09/01 Python
numpy ndarray 按条件筛选数组,关联筛选的例子
2019/11/26 Python
解决torch.autograd.backward中的参数问题
2020/01/07 Python
TensorFlow2.0:张量的合并与分割实例
2020/01/19 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
keras训练曲线,混淆矩阵,CNN层输出可视化实例
2020/06/15 Python
帕克纽约:PARKER NY
2018/12/09 全球购物
怎样让char类型的东西转换成int类型
2013/12/09 面试题
岗位职责范本
2013/11/23 职场文书
公证书标准格式
2014/04/10 职场文书
学校党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
文案策划岗位个人自我评价(范文)
2019/08/08 职场文书