ساخت dropdown با استفاده از css
html خانه ▾ محصولات لپتاپ مانیتور پرینتر تماس با ما درباره ما
html
css ul{ padding: 0; background: #f2f2f2; text-align: right; } ul li{ display: inline-block; position: relative; line-height: 21px; } ul li a{ display: block; padding: 8px 25px; color: #333; text-decoration: none; } ul li a:hover{ color: #fff; background: #939393; text-decoration: none; } ul li ul.dropdown{ min-width: 100%; background: #f2f2f2; display: none; position: absolute; z-index: 999; left: 0; transition: opacity 1s ease-out; } ul li:hover ul.dropdown{ display: block; } ul li ul.dropdown li{ display: block; }
css
js