ساخت منوی آبشاری

منوی آبشاری یکی از عناصر کاربردی در صفحات وب است. با استفاده از منوی آبشاری میتوانید آیتم های مورد نظر خود را به صورت یه لیست کشویی نمایش دهید. صرفه جویی در فضا و دسته بندی و انتخاب آیتم های مشخص در فرم های مختلف از جمله کاربردهای آن است.

  • لود صفحه باانتخاب هر یک از موارد
  • استفاده از دکمه
  • قرار دادن دکمه دلخواه
به تعداد آیتم های موجود در منوی آبشاری خود، فیلدهای زیر را کامل کنید. در فیلدهای سمت راست، عنوان و سمت چپ، آدرس را وارد نمایید.
عنوان مقدار (Value)
  • کد را در محل مورد نظر در صفحه خود قرار دهید.
  • برای مشاهده عملکرد کد، آن را در ویرایشگر متنی مثل Notepad کپی کرده و با پسوند html ذخیره نمایید.
افزایش تعداد منوها جهت افزایش منوها به تعداد دلخواه، در کد تولید شده، به ازای هر منو مطابق نمونه زیر، قسمت های قرمز رنگ را تغییر دهید. مثال: jump1, menu1 یا jump2, menu2 و ...
<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="about.html">درباره ما</option>
<option value="https://www.google.com">گوگل</option>
<option value="http://www.webkaran.com">طراحی وب سایت</option>
</select>
</form>