- Jun 6, 2020
- 11,593
- 4,507
منوی تو در تو یا Nested Menu یک نوع منوی کشویی است که در آن زیرمنوهایی نیز وجود دارند. برای ایجاد یک منوی تو در تو با استفاده از HTML و CSS، میتوانید از تگ های <ul> و <li> برای ایجاد لیست منو و از CSS برای تنظیم ظاهر آن استفاده کنید.
در ادامه، یک مثال از یک منوی تو در تو با HTML و CSS آمده است:
در این کد، یک منوی تو در تو با چهار آیتم اصلی (Home، Products، Services و Contact) و زیرمنوهایی برای هر آیتم اصلی ایجاد شده است. با استفاده از CSS، ظاهر منوی تو در تو تنظیم شده است. همچنین با استفاده از CSS، زیرمنوها پنهان شده و هنگامی که کاربر روی آیتم اصلی موس خود را قرار میدهد، زیرمنو نمایش داده میشود.
در ادامه، یک مثال از یک منوی تو در تو با HTML و CSS آمده است:
برای دیدن لینک ها باید ثبت نام کنید
محتوای این بلوک پنهان فقط برای کاربر فعال, کاربر ویژه برنزی الکترونیک, کاربر ویژه طلایی الکترونیک, کاربر ویژه نقره ای الکترونیک, کاربر ویژه پلاس الکترونیک, کاربر(شناخته شده), کاربر(فعال) قابل مشاهده است.
در این کد، یک منوی تو در تو با چهار آیتم اصلی (Home، Products، Services و Contact) و زیرمنوهایی برای هر آیتم اصلی ایجاد شده است. با استفاده از CSS، ظاهر منوی تو در تو تنظیم شده است. همچنین با استفاده از CSS، زیرمنوها پنهان شده و هنگامی که کاربر روی آیتم اصلی موس خود را قرار میدهد، زیرمنو نمایش داده میشود.