{"id":1470,"date":"2012-03-09T06:05:39","date_gmt":"2012-03-09T10:05:39","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=1470"},"modified":"2020-10-14T07:42:28","modified_gmt":"2020-10-14T11:42:28","slug":"slider-menu-bar-using-flash-action-script-1-0","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/slider-menu-bar-using-flash-action-script-1-0\/","title":{"rendered":"Slider Menu bar Using Flash Action script 1.0"},"content":{"rendered":"<p><strong>Final Preview:<\/strong><\/p>\n<p><object id=\"test\" width=\"500\" height=\"53\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"src\" value=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/03\/slider-menu-using-flash.swf\" \/><embed id=\"test\" width=\"500\" height=\"53\" type=\"application\/x-shockwave-flash\" src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/03\/slider-menu-using-flash.swf\" \/><\/object><\/p>\n<p>Step-1 Open a new document in the dimension of 500X53.<\/p>\n<p>Step-2 creates a Menu buttons (I have created 5 buttons)in layer-1, change it into \u201cbutton\u201d and give instance name it as button1, button2, button3, button4 and button5 respectively.<\/p>\n<p><a name=\"imageclose-1471\"><div class=\"lb-album\"><a href=\"#image-1471\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/slider-menu.png\" alt=\"slider-menu\" class=\"wp-image-1474 aligncenter\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1471\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1471\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/03\/slider-menu-1.png\" alt=\"image-1471\">\r\n                   <\/div><\/a><\/p>\n<p>Step-3 Select \u201cbutton1\u201d and write the following code on the \u201caction script Panel\u201d (F9).<\/p>\n<p><a name=\"imageclose-1472\"><div class=\"lb-album\"><a href=\"#image-1472\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/03\/button-code.png\" alt=\"button-code\" class=\"size-full wp-image-1477 aligncenter\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1472\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1472\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/03\/button-code.png\" alt=\"image-1472\">\r\n                   <\/div><\/a><\/p>\n<p>Step-4 Repeat the step-3 for remaining buttons. Only change the button names in the script.<\/p>\n<p>Step-5 In layer-2, draw a line and slider. Convert the slider into \u201cmovieclip\u201d and give the instance name as \u201cSlider\u201d. Also write the following script in \u201caction script panel\u201d.<\/p>\n<p><a name=\"imageclose-1473\"><div class=\"lb-album\"><a href=\"#image-1473\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/03\/slider-code.png\" alt=\"slider-code\" class=\"size-full wp-image-1478 aligncenter\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1473\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1473\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/03\/slider-code.png\" alt=\"image-1473\">\r\n                   <\/div><\/a><\/p>\n<p><a name=\"imageclose-1474\"><div class=\"lb-album\"><a href=\"#image-1474\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/slider-menu-300.png\" alt=\"slider-menu\" class=\"wp-image-1475 aligncenter\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1474\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1474\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/03\/slider-menu-2.png\" alt=\"image-1474\">\r\n                   <\/div><\/a><\/p>\n<p style=\"text-align: left;\">Step-6 Create a new layer and place the below code:<\/p>\n<p><a name=\"imageclose-1475\"><div class=\"lb-album\"><a href=\"#image-1475\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/03\/action-script-ode.png\" alt=\"action-script-code\" class=\"size-full wp-image-1479 aligncenter\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1475\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1475\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/03\/action-script-ode.png\" alt=\"image-1475\">\r\n                   <\/div><\/a>Ctrl + Enter to run the program.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Final Preview: Step-1 Open a new document in the dimension of 500X53. Step-2 creates a Menu buttons (I have created 5 buttons)in layer-1, change it into \u201cbutton\u201d and give instance name it as button1, button2, button3, button4 and button5 respectively. Step-3 Select \u201cbutton1\u201d and write the following code on the \u201caction script Panel\u201d (F9). Step-4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6,5],"tags":[119,118,117],"class_list":["post-1470","post","type-post","status-publish","format-standard","hentry","category-flash","category-web-design","category-web-design-tips","tag-flash-action-script-1-0","tag-flash-action-script-1-0-slider-menu","tag-slider-menu-bar"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=1470"}],"version-history":[{"count":22,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1470\/revisions"}],"predecessor-version":[{"id":3718,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1470\/revisions\/3718"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=1470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=1470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=1470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}