基于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 相关文章推荐
JS解析XML的实现代码
Nov 12 Javascript
JS 非图片动态loading效果实现代码
Apr 09 Javascript
javascript自动生成包含数字与字符的随机字符串
Feb 09 Javascript
JQuery中Ajax()的data参数类型实例分析
Dec 15 Javascript
JS 调试中常见的报错问题解决方法
May 20 Javascript
javaScript字符串工具类StringUtils详解
Dec 08 Javascript
Electron-vue脚手架改造vue项目的方法
Oct 22 Javascript
JS高阶函数原理与用法实例分析
Jan 15 Javascript
javascript删除数组元素的七个方法示例
Sep 09 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
Feb 13 Javascript
详谈Object.defineProperty 及实现数据双向绑定
Jul 18 Javascript
JavaScript 数组去重详解
Sep 15 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安装为Apache DSO
2006/10/09 PHP
php采集时被封ip的解决方法
2010/08/29 PHP
兼容性最强的PHP生成缩略图的函数代码(修改版)
2011/01/18 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
PHP面试常用算法(推荐)
2016/07/22 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
TP5多入口设置实例讲解
2020/12/15 PHP
Javascript读取cookie函数代码
2010/10/16 Javascript
用Jquery实现滚动新闻
2014/02/12 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
2014/06/07 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
2015/08/25 Javascript
在AngularJS框架中处理数据建模的方式解析
2016/03/05 Javascript
星期几的不同脚本写法(推荐)
2016/06/01 Javascript
AngularJS入门教程之数据绑定用法示例
2016/11/01 Javascript
JavaScript Canvas绘制圆形时钟效果
2020/08/20 Javascript
JavaScript实现三级联动菜单效果
2017/08/16 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
2017/12/20 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
JavaScript实现一个带AI的井字棋游戏源码
2018/05/21 Javascript
Python创建系统目录的方法
2015/03/11 Python
tensorflow 加载部分变量的实例讲解
2018/07/27 Python
解决python flask中config配置管理的问题
2019/07/26 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
tensorflow-gpu安装的常见问题及解决方案
2020/01/20 Python
使用Keras构造简单的CNN网络实例
2020/06/29 Python
详解matplotlib绘图样式(style)初探
2021/02/03 Python
浅析Python模块之间的相互引用问题
2021/02/26 Python
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
2018/12/29 HTML / CSS
html5 canvas简单封装一个echarts实现不了的饼图
2018/06/12 HTML / CSS
有750多个顶级品牌的瑞士时尚在线:ABOUT YOU
2017/01/04 全球购物
带薪年假请假条
2014/02/04 职场文书
《盘古开天地》教学反思
2014/02/28 职场文书
师范生自荐信模板
2014/05/28 职场文书
公务员党员评议表自我鉴定
2014/09/14 职场文书