新・元地方の中規模印刷会社で苦悩する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

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

  関連記事

角丸(かどまる)の大きさを簡単に調節できる技【Illustrator】

1年以上前の記事です。内容が古い可能性があります。久しぶりにイラストレーター(I …

no image
新ホームページ作成手順

1年以上前の記事です。内容が古い可能性があります。過去にホームページ作成の流れを …

no image
最近のフォント事情

1年以上前の記事です。内容が古い可能性があります。かつて、フォントというとビット …

今年はモテたい。女子が引く小さい男だと思われる9つの言動

1年以上前の記事です。内容が古い可能性があります。自分も最近良くかみさんに指摘さ …

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

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

no image
オンライン決済(電子決済)方法一覧

1年以上前の記事です。内容が古い可能性があります。最近、あちらこちらからオンライ …

no image
まだ安心できないみたいなので地震についてのまとめ

1年以上前の記事です。内容が古い可能性があります。先日のM8.8(のちに9.0に …

WordPress(ワードプレス)固定ページからコメント欄を消す方法 #wp

1年以上前の記事です。内容が古い可能性があります。一筋縄ではいかなかった固定ペー …

no image
地図を大判で印刷したいらしい

1年以上前の記事です。内容が古い可能性があります。したいらしいシリーズがまた来ま …

no image
ネットオークションを上手に活用するためのヒント

1年以上前の記事です。内容が古い可能性があります。実際ネットオークションをやって …

血液型オヤジ