{"id":1163,"date":"2013-03-11T14:38:28","date_gmt":"2013-03-11T05:38:28","guid":{"rendered":"http:\/\/www.santoshkori.com\/blog\/?p=1163"},"modified":"2013-03-11T14:46:44","modified_gmt":"2013-03-11T05:46:44","slug":"how-to-create-drop-down-submenu-on-mouse-over","status":"publish","type":"post","link":"https:\/\/www.santoshkori.com\/blog\/how-to-create-drop-down-submenu-on-mouse-over\/","title":{"rendered":"How to create drop down submenu on mouse over"},"content":{"rendered":"

Here is code for creating drop down submenu on mouse over hope it will help new web designer<\/a> and web developer<\/a><\/p>\n

<ul id=\"subjectsNav\">\r\n<li><a href=\"#\" title=\"SUBJECTS\">SUBJECTS<\/a>\r\n\r\n    <ul>\r\n        <li><a href=\"#\" title=\"Maths\">Maths<\/a>\r\n        <\/li>\r\n        <li><a href=\"#\" title=\"English\">English<\/a>\r\n        <\/li>\r\n        <li><a href=\"#\" title=\"Spanish\">Spanidsh<\/a>\r\n        <\/li>\r\n        <li><a href=\"#\" title=\"History\">History<\/a>\r\n        <\/li>\r\n        <li><a href=\"#\" title=\"Science\">Science<\/a>\r\n        <\/li>\r\n        <li><a href=\"#\" title=\"EXTRA\">EXTRA<\/a>\r\n            <ul>\r\n                <li><a href=\"#\" title=\"Arts\">Arts<\/a>\r\n                <\/li>\r\n                <li><a href=\"#\" title=\"Sports\">Sports<\/a>\r\n                <\/li>\r\n                <li><a href=\"#\" title=\"Community\">Community<\/a>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/li>\r\n        <li><a href=\"#\" title=\"Marks\">Marks<\/a>\r\n        <\/li>\r\n    <\/ul>\r\n<\/li>\r\n<\/ul><\/code>\r\n
\r\n\/* Main *\/\r\n#subjectsNav {\r\n list-style: none;\r\n}\r\n#subjectsNav li {\r\n width: 70px;\r\n display: block;\r\n float: left;\r\n position: relative;\r\n}\r\n#subjectsNav li:hover > ul {\r\n display: block;\r\n}\r\n\/* Sub-menu *\/\r\n #subjectsNav ul {\r\n list-style: none;\r\n left: 0;\r\n margin: 0;\r\n padding: 0;\r\n display: none;\r\n position: absolute;\r\n z-index: 99999;\r\n}\r\n#subjectsNav ul li {\r\n float: none;\r\n display: block;\r\n}\r\n#subjectsNav ul ul {\r\n top: 0;\r\n left: 70px;\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
Here is code for creating drop down submenu on mouse over hope it will help new web designer and web developer<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[245,16,47,14],"tags":[536,535],"class_list":["post-1163","post","type-post","status-publish","format-standard","hentry","category-html5","category-just-blogging","category-web-design","category-web-development","tag-drop-down-submenu-on-mouse-over","tag-how-to-create-drop-down-submenu-on-mouse-over"],"_links":{"self":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/1163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/comments?post=1163"}],"version-history":[{"count":8,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/1163\/revisions"}],"predecessor-version":[{"id":1171,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/1163\/revisions\/1171"}],"wp:attachment":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/media?parent=1163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/categories?post=1163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/tags?post=1163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}