навигация вкладка зависание

Question

мне нужно помочь создать что-то вроде этой ссылки (http://www.standardchartered.co.in/borrow/)

Когда пользователь парит над навигацией, появится серый треугольник изображение. Я не очень уверен, как это сделать. Пожалуйста помоги!

Answer 1

Лучший способ сделать это - использовать плагин, возможно, для jQuery. Доступно множество выпадающих меню. Поиск google для «jquery drop down menu» поможет вам. Один из первых результатов для меня: http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/

У второго на этой странице есть необходимый эффект, но это также зависит от того, как вы хотите, чтобы остальная часть меню появлялась. Вам нужно будет провести исследование и выбрать тот, который вам подходит.

ИЛИ, если вы просто хотите серый треугольник появляться, без меню, при наведении курсора на элемент, то некоторые CSS, как это то, что вы хотите:

li:hover { 
    background:url('./images/grey_triangle.png') center bottom; 
} 

Который говорит, когда Ли элемент завис, используйте ./images/grey_triangle.png в качестве фонового изображения и поместите его в центр в нижней части элемента. Вам нужно будет создать свой собственный серый треугольник, установить подходящее дополнение и т. Д., Но это базовый CSS, который вам нужен для эффекта.