基于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获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
JS常用函数使用指南
Nov 23 Javascript
jQuery实现商品活动倒计时
Oct 16 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
jQuery验证表单格式的使用方法
Jan 10 Javascript
深入浅析Node.js单线程模型
Jul 10 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
Aug 03 Javascript
分分钟学会vue中vuex的应用(入门教程)
Sep 14 Javascript
react实现antd线上主题动态切换功能
Aug 12 Javascript
koa-passport实现本地验证的方法示例
Feb 20 Javascript
Vue获取微博授权URL代码实例
Nov 04 Javascript
vue组件的路由高亮问题解决方法
May 11 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
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
php中文语义分析实现方法示例
2019/09/28 PHP
js修改input的type属性问题探讨
2013/10/12 Javascript
js数组去重的常用方法总结
2014/01/24 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
2014/02/20 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
详解JS函数重载
2014/12/04 Javascript
整理Javascript数组学习笔记
2015/11/29 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
2016/10/10 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
JavaScript事件方法(实例讲解)
2017/06/27 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
微信小程序中遇到的iOS兼容性问题小结
2018/11/14 Javascript
python通过微信发送邮件实现电脑关机
2018/06/20 Python
python实现自动发送报警监控邮件
2018/06/21 Python
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
Flask实现跨域请求的处理方法
2018/09/27 Python
Django2.1.3 中间件使用详解
2018/11/26 Python
python 的topk算法实例
2020/04/02 Python
Keras Convolution1D与Convolution2D区别说明
2020/05/22 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
护理专业本科生自荐信
2013/10/01 职场文书
会计的岗位职责
2014/03/15 职场文书
教师作风整顿个人剖析材料
2014/10/10 职场文书
党员评议个人总结
2014/10/20 职场文书
质量负责人岗位职责
2015/02/15 职场文书
《西门豹》教学反思
2016/02/23 职场文书
4种非常实用的python内置数据结构
2021/04/28 Python
只用Python就可以制作的简单词云
2021/06/07 Python
Python的这些库,你知道多少?
2021/06/09 Python
Python使用MapReduce进行简单的销售统计
2022/04/22 Python