First off, my limitations. I do not have access to the master page(s) or global css (either using SPD or not...). Nor do I have the ability to use managed or global navigation. This is a Team Site and Publishing Features are locked down so I cannot turn them on. So the site in question only has access to "Top Nav Links" which does not allow drag and drop on the site, or layered drop downs in the site settings. I also do not have access to this particular site collection with PowerShell, so those methods are out.
While annoying, the limitations are prohibitive and as such I realize that I will need to apply the js via a SEWP or via file on a CEWP per page I want this nav bar to visible on.
I have spent quite a lot of time looking this up, but it seems everything is forcing the use of master pages/css or just styles currently existing drop downs.
Anyone have any ideas on how to do this? Code snippets greatly appreciated so I do not need to try and develop this from scratch.
EDIT I have come up with a partial solution, but need some help in getting the drop down portion working:
Any assistance in editing this so Google does not appear initially and works
onmouseover and disappears
onmouseout would be appreciated