脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → flash导航条

基于JS实现导航条flash导航条

 更新时间：2016年06月17日 14:40:02   作者：柯南&  
flash导航条在网站建设中应用比较广泛，此种效果给浏览者带来极好的视觉效果，非常棒，下面小编给大家介绍基于JS实现导航条flash导航条，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧

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导航条 ，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • 详解JS中的柯里化(currying)

    详解JS中的柯里化(currying)

    这篇文章主要介绍了JS中的柯里化(currying),需要的朋友可以参考下
    2017-08-08
  • 微信小程序组件复用机制behaviors示例详解

    微信小程序组件复用机制behaviors示例详解

    小程序的 behaviors方法是一种代码复用的方式,可以将一些通用的逻辑和方法提取出来,然后在多个组件中复用,从而减少代码冗余,提高代码的可维护性,这篇文章主要介绍了微信小程序组件复用机制behaviors示例详解,需要的朋友可以参考下
    2025-02-02
  • js弹出对话框方式小结

    js弹出对话框方式小结

    这篇文章主要介绍了js弹出对话框方式,结合大量实例总结分析了JavaScript常用的弹出对话框的实现技巧与相关函数的具体使用方法,需要的朋友可以参考下
    2015-11-11
  • JavaScript模拟数组合并concat

    JavaScript模拟数组合并concat

    这篇文章主要介绍了JavaScript模拟数组合并concat的相关资料,需要的朋友可以参考下
    2016-03-03
  • 常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数

    常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数

    下面小编就为大家带来一篇常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • JavaScript Event学习第四章 传统的事件注册模型

    JavaScript Event学习第四章 传统的事件注册模型

    在这一章我会讲解给元素注册事件的最好的一种办法，那就是：确保一个特定的事件在特定的HTML元素上发生并且能运行特定的脚本。
    2010-02-02
  • Javascript获取HTML静态页面参数传递值示例

    Javascript获取HTML静态页面参数传递值示例

    获取HTML静态页面参数传递值可以利用split函数来按参数切成数组、利用正则表达式来获取，具体实现如下，感兴趣的朋友可以参考下
    2013-08-08
  • JavaScript设计模式之中介者模式详解

    JavaScript设计模式之中介者模式详解

    当对象之间进行多对多引用时，进行开发，维护，阅读时将变得特别痛苦。在这些对象之间添加中间者，使它们都只与中介者，当中介者处理完一个对象的请求后，将结果通知于其他对象
    2022-08-08
  • 原生javascript+CSS实现轮播图效果

    原生javascript+CSS实现轮播图效果

    这篇文章主要为大家详细介绍了原生javascript+CSS实现轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • JS不间断向上滚动效果代码

    JS不间断向上滚动效果代码

    不间断向上滚动的效果，想必大家都有见到过吧，本文也为大家准备一个使用js实现的不间断向上滚动效果，感兴趣的朋友可以参考下
    2013-12-12

最新评论