新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

FLASHでプルダウンメニュー(ポップアップメニュー) スクリプト編

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

さてスクリプトの解説

スポンサーリンク
 

■まず、親ムービークリップに

onClipEvent (load) {
 nMove = 0;
}

で変数を指定し、続いて、

onClipEvent (enterFrame) {
 if (nMove != 0) {
  nNextFrame = this._currentframe+nMove;
  if (1<=nNextFrame && nNextFrame<=this._totalframes) {
   this.gotoAndStop(nNextFrame);
  } else {
   nMove = 0;
  }
 }
}

3~6行目でnMoveが1のとき再生、-1のとき逆再生、0になったら停止するようにしてます。

■次にプルダウンするムービークリップに

onClipEvent (enterFrame) {
 if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
  _parent.nMove = 1;
 }
 else {
  _parent.nMove = -1;
 }
}

で、ロールオーバー時にnMove=1、ロールアウトでnMove=-1になるようにしてます。

■もちろんプルダウンの元になっているボタンにも
(見た目親だけど実際はプルダウンムービーと同じ階層に配置しているので注意)

on (rollOver) {
 _parent.nMove = 1;
}

として、マウスが乗ったらプルダウンメニューが出るようにしています。

実際に作ってみる

 - FLASH, 覚え書き

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

no image
Dreamweaverでよく使う正規表現

1年以上前の記事です。内容が古い可能性があります。Dreamweaverを使って …

Tumblr(タンブラー)を勉強してみた (11/11追記)

1年以上前の記事です。内容が古い可能性があります。謎多きTumblr(タンブラー …

WordPress(ワードプレス)でトップページ以外にブログトップを設置する方法【完全版】 #wp

1年以上前の記事です。内容が古い可能性があります。つぶくまブログの「←古い投稿」 …

no image
「モバイル版foursquare」でチェックインしてもメイヤーにはなれない

1年以上前の記事です。内容が古い可能性があります。iPhoneを解約してケータイ …

no image
自分で作った顔文字を辞書登録する方法【iPhone】

1年以上前の記事です。内容が古い可能性があります。これは目からウロコなiPhon …

「Google Chrome」で秘密のサイトへ行くならシークレットモード(Ctrl+Shift+N)が便利

1年以上前の記事です。内容が古い可能性があります。激速で人気のブラウザ「Goog …

これは簡単!写真を合成する3つのステップ【Photoshop】

1年以上前の記事です。内容が古い可能性があります。趣味とまでは言えないかもしれま …

ステップサーバーでOpenPNE

1年以上前の記事です。内容が古い可能性があります。過去にとんでもないトラブルもあ …

ワードプレス(WordPress)で公開ディレクトリを変える方法 #wp

1年以上前の記事です。内容が古い可能性があります。いつの間にやら「プロット・ファ …

ツイッターでよくある間違い探しを簡単に確実に当てる方法

1年以上前の記事です。内容が古い可能性があります。ツイッターでちょくちょく間違い …

血液型オヤジ