Difference between revisions of "Template:BIT-China"
| Line 146: | Line 146: | ||
/*MENU STYLING */ | /*MENU STYLING */ | ||
| − | #menuContainer{ | + | #menuContainer{ |
width:100%; | width:100%; | ||
height:95px; | height:95px; | ||
| Line 190: | Line 190: | ||
} | } | ||
#top_nav_bulge{ | #top_nav_bulge{ | ||
| − | + | position:fixed; | |
top:94px; | top:94px; | ||
width:100%; | width:100%; | ||
height:45px; | height:45px; | ||
| − | + | background-color: #eeeeee; | |
| − | + | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
#top_nav li{ | #top_nav li{ | ||
float:left; | float:left; | ||
| Line 389: | Line 376: | ||
</style> | </style> | ||
<!-- End of CSS --> | <!-- End of CSS --> | ||
| − | + | <script> | |
| + | $(document).ready(function () { | ||
| + | $('#top_nav_bulge').hide(); | ||
| + | $('#menuContainer').mouseover(function(){ | ||
| + | $('#top_nav_bulge').show(); | ||
| + | }) | ||
| + | $('#menuContainer').mouseout(function(){ | ||
| + | $('#top_nav_bulge').hide(); | ||
| + | }) | ||
| + | }) | ||
| + | </script> | ||
<!-- Start of the template html elements. --> | <!-- Start of the template html elements. --> | ||
| Line 405: | Line 402: | ||
<!-- Start of menu --> | <!-- Start of menu --> | ||
<div id="menuContainer"> | <div id="menuContainer"> | ||
| − | + | <div id="top_nav_bulge" > | |
| + | </div> | ||
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons --> | <!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons --> | ||
<div id="top_nav"> | <div id="top_nav"> | ||
Revision as of 17:32, 13 September 2015
