仿苹果系统菜单

详细代码:

//================版权声明开始================//
//★淘沙网:http://www.taoshaw.com
//★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。
//================版权声明结束================//
//定义链接的数组,用数组可以提高代码运行的效率.
var menu_URLs=new Array("http://www.taoshaw.com","http://www.taoshaw.com","http://www.taoshaw.com",
"http://www.taoshaw.com","http://www.taoshaw.com","http://www.taoshaw.com");
//最小缩写范围
var menu_minScale=100;
//最大扩大范围
var menu_maxScale=130;
//导航栏开始的X位置
var menu_StartX=280;
//导航栏开始的Y位置
var menu_StartY=200;
//ICON图标数量
var IconNumber=9;
//ICON缩小范围
var Icon_minScale=30;
var Icon_maxScale=60;
var Icon_Space=4;
//在此处创建导航菜单
//此处先复制背景
var DockMenu=createEmptyMovieClip("dmenu",10);
//设置背景元件的位置
DockMenu._x=menu_StartX;
DockMenu._y=menu_StartY; 
//调用库中的ICON图标到场景中
for(var i=0;i<IconNumber;i++){
//复制ICON图标
var theItem=DockMenu.attachMovie("icon"+i,"item"+i,i+10);
  theItem.attachMovie("label","ilabel",10);
  theItem.preItem=DockMenu["item"+(i-1)];
  theItem._x=theItem.preItem._x+theItem.preItem._width+Icon_Space;
  theItem.ilabel._visible=false;
  //设置链接对象
  theItem.URL=menu_URLs;
  theItem._xscale=Icon_minScale;
  theItem._yscale=Icon_minScale;
  theItem.onRelease=function(){
   getURL(this.URL);
  }
  //此处用于显示图标在鼠标移上或移开的时候的状态
  theItem.onEnterFrame=function(){
   if(this._parent.mover){
    var scale=Icon_maxScale-Math.abs(DockMenu._xmouse-this._x-30)/5;
    if (scale<Icon_minScale) scale=Icon_minScale;
    //缩放比例
    this._xscale+=(scale-this._xscale)/3;
    this._yscale+=(scale-this._yscale)/3;
   }
   if(this._parent.mout){
    this._xscale+=(Icon_minScale-this._xscale)/3
    this._yscale+=(Icon_minScale-this._yscale)/3    
   }
    this._x+=(this.PreItem._x+this.PreItem._width+Icon_Space-this._x)/3;   
  }
}
var theBGBox=DockMenu.attachMovie("bgbar","bgbox",1);
  theBGBox.onEnterFrame=function(){
   this._x=DockMenu["item0"]._x;
   this._width=DockMenu["item"+(IconNumber-2)]._x+DockMenu["item"+(IconNumber-2)]._width-DockMenu["itemCon"]._x;
  }
  
DockMenu.onEnterFrame=function(){
if(this.mover){
  this._xscale+=(menu_maxScale-this._xscale)/4;
  this._yscale+=(menu_maxScale-this._yscale)/4;  
}
if(this.mout){
  this._xscale+=(menu_minScale-this._xscale)/4;
  this._yscale+=(menu_minScale-this._yscale)/4;
  }
this._x+=(-this._width/2+menu_StartX-this._x)/3;
}
DockMenu.onMouseMove=function(){
if(this.hitTest(_root._xmouse,_root._ymouse,false)){
  this.mover=true;
  this.mout=false;
}else{
  this.mover=false;
  this.mout=true;
}
}
//AD
ad_text.border = 0;
ad_text.html = true;
ad_text.htmlText = "<a href=’http://www.taoshaw.com ’,target=’_blank’>淘沙网原创教程系列:http://www.taoshaw.com </a>";

时间: 2024-08-29 16:26:53

仿苹果系统菜单的相关文章

Flash AS制作的仿苹果机的导航菜单

菜单|导航 06年学类时,写的菜单效果.模仿苹果机中的菜单效果,鼠标经过图标时,以该图标为中心向两边缩放. /**  *MacintoshMenu(仿苹果机菜单)  *Auther:流浪儿  *Versoin:MacintoshMenu 1.0 **/ class MacintoshMenu {  //属性  private var target:MovieClip;  private var imageContainer:MovieClip;  private var imageArr:Arr

详解基于javascript实现的苹果系统底部菜单_javascript技巧

(不好意,先前发布的是有误的分析.现在的这个没问提了!!!) 昨天看到了"妙味课堂"的一个苹果菜单的DEMO.根据里面提到的"勾股定理".我自己分析了一下代码.如下: 先来一效果图吧! 静止时: 鼠标滑动时: 一.要实现在的功能或效果: 在鼠标滑动的靠近其中某一张图片时,这个图片会随着鼠标向它的靠近而慢慢放大. a.是"放大"不是"变大".[放大]是等比例的,而[变大]:不一定是等比例.后面的公式中会体现. b.这里的[靠近]

Win8下在Vmware11中安装使用苹果系统OS X 10.10

原文:Win8下在Vmware11中安装使用苹果系统OS X 10.10   近来因为需要做 iOS 的项目,所以需要多花一些时间看看敲敲代码.因为自己手头上并没有 Mac(过年为了闲的时候能玩玩游戏买了联想,唉),想想不能只靠每天在公司的时间练 demo 吧,那样学的太慢了,所以就想着在 Win8 下装个 Mac 试试.装 Mac 有两个选择,一个是双系统,这个我查了查,发现我的型号的笔记本驱动问题太多,再加上我已经装了 Ubuntu 双系统,怕自己搞出大问题来,所以放弃.如果你想装双系统的话

JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集_javascript技巧

本文实例讲述了JS实现的仿东京商城菜单.仿Win右键菜单及仿淘宝TAB特效.分享给大家供大家参考.具体如下: 这是一个非常好的实用菜单整合特效,有多级下拉菜单.仿东京商城的拉出式菜单.仿Windows的右键菜单,仿淘宝的标签Tab菜单,每一个都是精彩,代码中附有丰富的注释,便于你的学习和修改. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-f-jd-taobao-win-rbutton-tab-demo/ 具体代码如下: <!DOCTYP

CS2010DW在苹果系统(MAC)下安装驱动过程

1.联想官网下载的CS2010DW驱动,双击运行:     2.双击运行苹果系统驱动会出现如下图提示,等待完成打开过程:     3.驱动打开后会出现新的窗口.打开其中的MAC OS X 文件夹:     4.打开MAC OS X 文件夹后,会看到两个文件夹,打开PS Driver文件夹:     5.打开PS Driver文件夹后,运行里面的Lenovo CS2010DW文件进行安装驱动过程:     6.根据提示点击"继续":     7.继续安装过程:     8.写入文件过程:

JS实现不使用图片仿Windows右键菜单效果代码_javascript技巧

本文实例讲述了JS实现不使用图片仿Windows右键菜单效果代码.分享给大家供大家参考,具体如下: 这里演示JS不使用图片仿Windows右键菜单效果,这款代码灵活使用了文鼎字,配合CSS和JS做出了这个和系统右键菜单很相似的东东. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-windows-right-button-menu-codes/ 具体代码如下: <HTML> <HEAD> <TITLE>极酷的多级右

Android_UI 仿QQ侧滑菜单效果的实现

相信大家对QQ侧滑菜单的效果已经不陌生了吧,侧滑进入个人头像一侧,进行对头像的更改,我的收藏,QQ钱包,我的文件等一系列的操作,今天呢,主要是实现进入侧滑菜单的这一效果原理进行分析. 主要思路分析 1.首先写一个SlideMenu 继承一个帧布局FrameLayout ,因为如果继承自ViewGroup的话,需要我们自己来实现onMeasure方法,而该方法的实现一般比较麻烦且没有必要,所以选择继承系统的已有的控件FrameLayout,不用其他控件是因为FrameLayout最轻量级 2.在布

苹果系统Office2016激活失败怎么办

  mac系统相信很多玩家都不知道office2016激活失败怎么办吧,今天小编就来给大家讲解一下Mac系统Ofiice激活问题解决方法,相信一定可以帮到大家. 苹果系统Office2016激活失败怎么办? 近日有一些使用 Mac 的用户反映他们将系统升级到最新的 OS X 10.11.1 之后,Mac 上的 Office 又出现了问题.这些使用了最新的 Mac 系统 OS X 10.11.1 的用户表示他们在通过「允许」或是「总是允许」来激活 Office 时总是失败.而在此前,新的 Mac

Swish打造“仿韩国弹性菜单”

菜单 最近一段时间由于年底了工作很忙,QQ开着挂等级又不聊天,有很多朋友留言问我怎么用SwishMax做导航菜单.嘿嘿,今天刚刚闲了那么一点,还挂念着菜单的事,那就用Swish做个"仿韩国弹性菜单"给大家,希望大家喜欢!!! 其实非常简单,只要几步就完成了(swish就是好,工作效率高,用flash的那拿葱的大婶,看你一脸不服的样子,单挑!说好了啊,一个对一个,谁也不许犯规啊!) 源文件(rar压缩文件, 170K):点击下载 首先,创建场景 我这里用的 760 120 帧35 导入背