基于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 相关文章推荐
Jquery读取URL参数小例子
Aug 30 Javascript
javascript中的变量作用域以及变量提升详细介绍
Oct 24 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
Mar 18 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
Mar 03 Javascript
全面解析Angular中$Apply()及$Digest()的区别
Aug 04 Javascript
arcgis for js 修改infowindow样式的方法
Nov 02 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
js实现移动端导航点击自动滑动效果
Jul 18 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
使用SVG基本操作API的实例讲解
Sep 14 Javascript
AngularJS 的$timeout服务示例代码
Sep 21 Javascript
关于vue中的ajax请求和axios包问题
Apr 19 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
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
php和数据库结合的一个简单的web实例 代码分析 (php初学者)
2011/07/28 PHP
php处理restful请求的路由类分享
2014/02/27 PHP
PHP获取数组长度或某个值出现次数的方法
2015/02/11 PHP
汇总PHPmailer群发Gmail的常见问题
2016/02/24 PHP
PHP的mysqli_stat()函数讲解
2019/01/23 PHP
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
2007/08/08 Javascript
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
2013/04/24 Javascript
用js代码和插件实现wordpress雪花飘落效果的四种方法
2014/12/15 Javascript
jQuery中get()方法用法实例
2014/12/27 Javascript
跟我学习javascript的Date对象
2015/11/19 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
2016/01/19 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
jQuery实现邮箱下拉列表自动补全功能
2016/09/08 Javascript
JS复杂判断的更优雅写法代码详解
2018/11/07 Javascript
layer.open组件获取弹出层页面变量、函数的实例
2019/09/25 Javascript
js String.prototype.trim字符去前后空格的扩展
2020/08/23 Javascript
Python多线程编程(四):使用Lock互斥锁
2015/04/05 Python
如何利用python查找电脑文件
2018/04/27 Python
Python使用matplotlib模块绘制图像并设置标题与坐标轴等信息示例
2018/05/04 Python
python语言基本语句用法总结
2019/06/11 Python
对Python3之方法的覆盖与super函数详解
2019/06/26 Python
python由已知数组快速生成新数组的方法
2020/04/08 Python
tensorflow与numpy的版本兼容性问题的解决
2021/01/08 Python
基于HTML5 Canvas 实现商场监控实例详解
2017/11/20 HTML / CSS
英国时尚家具、家居饰品及礼品商店:Graham & Green
2016/09/15 全球购物
深深扎根运动世界的生活品牌:Tillys
2017/10/30 全球购物
联想韩国官网:Lenovo Korea
2018/05/10 全球购物
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
优秀的毕业生的自我评价
2013/12/12 职场文书
幼儿园中班教学反思
2014/02/10 职场文书
《找不到快乐的波斯猫》教学反思
2014/02/24 职场文书
《平行四边形的面积》教学反思
2016/02/16 职场文书
python机器学习创建基于规则聊天机器人过程示例详解
2021/11/02 Python
不同品牌、不同型号对讲机如何互相通联
2022/02/18 无线电