Cascading Style Sheets Tutorial

Flash produced a beautiful Korean-style drop-down menu

  Look at the results 

pluginspage=’http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash’

type=’application/x-shockwave-flash’ width=250 height=400>

  Click here to download the source files 

  First of all new canvas size of a 250 * 600 color is white canvas set up slightly to the background landscaping 

  Then we do four button mouse button in the background when no contact is 165-30 high ash fast, mouse, touch the button for us to change the background color and different system of four-button button respectively named "anniu1", "anniu2" "anniu3" "anniu4", followed in a new button on the button with the text of the letter heading mouse can be contacted for font color. 

  Now has just four buttons that were put four video clips go to a clip called "button 1", "button 2", "button 3", "button 4" in the film clip to clip attribute column Examples of the name changed to "mc1", "mc2," "mc3," "mc4." 

  In the film clip "button 1" in the new four-three because we have to do there is a lower level of the menu to write scripts. 

  In the film clip "button an" all-in the first two key acupuncture needles inserted in the lower-level menu to the three-needle No. 2 respectively in the lower three small menu button on each layer in turn. 

  Then we write the script in the first layer, the first acupuncture needle and 2 are added 

  Stop (); 

  Then we clip in the film "button 1", "anniu1" button to add code 

  On (release) ( 
  If (i == 0) ( 
  GotoAndStop (2); 
  I = 1; 
  Else () 
  GotoAndStop (1); 
  I = 0; 
  ) 
  ) / / Only when the mouse button, press and decontrol of time, decide whether the variable i is equal to 0 if equal 0 Jump to No. 2 needles and will be assigned to one if i variable i is not equal 0 Jump Needle and the first assignment for the i 0, in accordance with this practice 

  "Button 2", "button 3", "button 4," also in accordance with the sub-menu "button 1" by the same methods and do not forget the script, we do a good job in the film clips after adding code, in the film clip "button 1 "written on 

  OnClipEvent (load) ( 
  I = 0; 
  ) / / When a movie clip will be in the time frame for the assignment i 0 

  Video clips "button 2," write 

  OnClipEvent (load) ( 
  I = 0; 
  Speed = 0.3; / / mobile speed 
  ) 
  OnClipEvent (enterFrame) ( 
  This._y = this._y (_parent.mc1._y _parent.mc1._height-this._y) * this.speed; 
  ) 

  / / This is the actual effect of the formula calculating the "button 2" of the location and speed of movement as a button from the pop-up menu does not, we found that the latter part of formula (_ parent.mc1._y _parent.mc1._height-this._y) * this.speed actually value of 0, and when the pop-up submenus, (_ parent.mc1._y _parent.mc1._height-this._y) refers to the excess of the high value of the menu.    It will then move on by the speed of 0.3 to 2 button down automatically moved to a suitable location, the formula used inside the relative path _ parent, a relative path in the current time frame _parent instructed that the father of the film clip Timelines raise a level, to be followed by three in the button write. 

  OnClipEvent (load) ( 
  I = 0; 
  Speed = 0.3; 
  ) 
  OnClipEvent (enterFrame) ( 
  This._y = this._y (_parent.mc2._y _parent.mc2._height-this._y) * this.speed; 
  ) 

  4 button in the write 

  OnClipEvent (load) ( 
  I = 0; 
  Speed = 0.3; 
  ) 
  OnClipEvent (enterFrame) ( 
  This._y = this._y (_parent.mc3._y _parent.mc3._height-this._y) * this.speed; 
  ) 

  Well now we can be exported to see the effects 

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • DotNetKicks
  • DZone

Tags: Border Style, css menu, css style, css style sheet, div style, style

Releated Posts

  • Microsoft CSS style horizontal menu
  • CSS menu: crisp clean CSS style on the realization of the current page results
  • Web standardization, XHTML and CSS Cascading Style Sheets relations
  • How to manage the production of web site good css style
  • CSS style sheet: embedded links good or good?

This entry was posted on Sunday, September 30th, 2007 at 12:00 am and is filed under Css+Div Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

« Louver effects animation, Flash production methods without AS
Flash production of rolling buffer zone »

Leave a Reply

  • Categories

    • CSS Properties (491)
    • CSS Tutorial (1154)
    • CSS Tutorial By Examples (1201)
    • Css+Div Web Design (3274)
    • Xhtml and Web Design (1797)
  • Archives

    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
  • Pages

    • About us

Cascading Style Sheets Tutorial